Please enable JavaScript.

Coggle requires JavaScript to display documents.

Front-end Development (Explore (

Front-end Development

Explore

CSS Precompiler: Sass (learn & use)

JS Library: jQuery (1 week, then go back to js)

CSS Framework: Bootstrap (1 - 2 weeks)

Asynchrounous JS + APIs (learn & use)

Task Runner: Gulp (learn & use) [Is it the same like npm scripts?]

Dependency Management: Webpack (learn & use)

Build or Rebuild projects using tools in the above

Node.js or Firebase (the basics)

Basic SEO (optional)

Basic

HTML & CSS (Basics)

Layouts

CSS Positioning

Flexbox

CSS Grid

Responsive Design

JS

Basics (variable, data types, conditional, loops, function, object)

Solve coding challenges (maybe 10-20 challenges)

Basic OOP (prototype, this, instantiation, inheritance, etc)

DOM

Basics (querying, elements vs nodes, dom tree, common methods, etc)

Start building things (todo list, simple js clock, countdown timer, rock paper scissors game, etc)

DO NOT USE LIBRARY/ FRAMEWORK

Solidify

Go deeper with CSS & JS

Re-learn Flexbox & CSS Grid

CSS Animations

Write simple JS Components from scratch

e.g. create sliding sidebar nav, todo list, tooltip, etc

Basic of CSS Design Patterns (bem, oocss, smacss)

Basic of JS Design Patterns (singleton, module, revealing module, etc)

Data Structures & Algorithms

React

Basics

React-router, etc

Create projects with React, e.g. todo list, countdown timer, rps game, simple multiple page, etc.

After 3 - 5 projects, learn Redux.

Create more stuff in React-Redux

Complement

Command-line (Basics)

Git & GitHub (Basics)

SSH (Basics)

`2[optional]. Money Time (you already can make money, if you want)`

Teaching

Freelancing

Craiglist, upwork, local businesses, etc

Basically, be EVERYWHERE!!

You'll start with bad clients & slowly start getting good ones

`3[finally]. You're Ready! You should have a solid portfolio at this point (2 - 3 big projects)`