Common Mistakes When Learning to Code and Focusing on Essential Front‑End Technologies

A year ago, I was a fresh university graduate stepping into society. I had many startup ideas and was eager to realize them, but everything stalled because I didn't know how to code.

After listening to advice from Vin Vacanti, co‑founder of Yipit, I started teaching myself programming.

After much hardship, I finally learned how to build prototypes. It truly is an endless sea of learning. If you are climbing the same steep mountain, I hope you can avoid the mistakes I made.

Mistake 1: Spending too much time learning things that aren't actually necessary

At the beginning I had no clue where to start. With countless programming languages and competing theories flooding my mind, it was hard to focus on what truly mattered. After browsing Hacker News, Quora, StackOverflow and skimming a few popular articles, I compiled the following absurdly long list:

HTML, CSS, AJAX, PHP, Javascript, Heroku, Celery, SQL, jQuery, Django, POSTGRES, NodeJS, BackboneJS, Ruby, Rails, MongoDB, Python

Blinding, right?

They all seemed useful, but I didn't know which I actually needed. So I ended up trying to learn them all.

I should have trimmed the list to only what I needed for building a prototype.

Finally, after examining each language in detail, I refined it to:

1. HTML: the structure of page content (e.g., where to place links, where to put headings).

2. CSS: the styling of page content (e.g., make link font bold on hover).

3. JavaScript: creates dynamic content (e.g., a popup when you click a link).

4. jQuery: a JavaScript library that provides convenient plugins (e.g., image carousel).

5. Python: handles data (e.g., analyze user purchase history from a database and recommend products).

6. Django: a Python‑based web framework that connects all the above languages and offers many built‑in functions (e.g., a ready‑made login system that can access any database with just Python). Learning the framework is crucial. Once you know these, coding becomes easy—no more worries.

Mistake 2: Not starting to write code immediately (beat my chest)

I spent far too much time reading programming books. I couldn't tell if what I read would help my project. Worse, because I only read and never applied, I forgot most of it and learned little.

I should have started a small project from the beginning, coding while learning.

1. Study classic textbooks and code examples. For example, David Sinsky, a senior Yipit developer, has many valuable suggestions.

2. Pick a simple project and write code for it. For example, create a simple blog site or a basic voting app.

3. Repeat step 2 many times.

4. Build your own design model.

Avoiding detours brings many benefits; you quickly overcome obstacles, see your work shine, and most importantly, master the skills needed to develop your own product.

(Source: CoderNews; Translator: Xiao Feng)