Hacker Courses The online courses programmers keep recommending, ranked from 20 years of public forum comments.
i
#785 overall

React Front to Back

Udemy

1 recommender · 1 thread · recommended in 1 year, 2022 · score 0.7

Go to course ↗

A Udemy course by Brad Traversy that teaches building front-end applications with React, covering components, state and project-based work from the ground up.

Commenters point to Brad Traversy's Udemy tutorials as a clear path from nothing to competency, with multiple projects built along the way.

Web & Mobile Developmentbeginnerpaidvideo lectures#react#javascript#front-end#traversy#projects

Recommendations by year

20062026

What commenters said (1)

  1. RecommendsNiagaraThistle2022in “Ask HN: Learning paths for front end dev”

    I have 10+ years of web dev experience. I've worked in-house on a team that built up a e-comm cart from scratch with CodeIgnitor (owner wanted way too much customization for an off the shelf solution - or so we thought at the time...). Worked in an agency putting out custom sites for clients.

    Up until maybe 2 years ago I was dreadful with Javascript. I could copy/paste/tweak code snippets but could not build anything with it.

    I would recommend Brad Traversy's youtube (https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA) and Udemy (https://www.udemy.com/user/brad-traversy/) tutorials. At least as a starting point. He is a great teacher and takes you from nothing to competency and building multiple projects along the way. He updates his Udemy courses periodically so they are somewhat up-to-date.

    This was the order I worked through and I thinks it's all under 200 hours of tutorials, but working through each will obviously take more time. Hope this helps a you as much as it did me.

    DISCLAIMER: I have no affiliation whatsoever with Brad, Youtube, or Udemy. This is just what I found useful.

    (YT = YouTube, U = Udemy)

    HTML Crash Course (YT, 1h);

    CSS Crash Course (YT, 1.5h);

    Flexbox CSS in 20 Minutes (YT, .5h);

    CSS3 Animations & Transitions Crash Course (YT, 30m);

    Sass Crash Course (YT, .75h);

    Modern HTML & CSS from the Beginning (U, 21h, $15.99);

    Bootstrap Beginner Course (YT, 1.25h);

    Bootstrap 4 (U, 11.5h, $13.99);

    Tailwind CSS Crash Course (YT, .5h);

    Materialize CSS from Scratch w/ 5 Projects (U, 10.5h, $13.99);

    Javascript Crash Course (YT, 1.5h);

    Ajax Crash Course (YT, 1h);

    Modern Javascript from the Beginning (U, 21.5h, $16.99);

    Pick one framework if you know which you need/want for your job:

    React Crash Course (YT, 2h);

    React Front to Back (U, 20h, $13.99);

    Vue Crash Course (YT, 2h);

    Angular Crash Course (YT, 2h);

    Angular Front to Back (U, 11.5, $13.99);

    Node.js Crash Course (YT, 1.5h);

    Node.js API Masterclass with Express and MongoDB (U, 12h, $15.99);

    Express.js Crash Course (YT, 1.25h);

    MongoDB Crash COurse (YT, .5h);

    Build a MEAN JS app in 30 Minutes (YT, .5h) (if you picked Angular above);

    MERN Stack Front to Back: Full Stack React, Redux, Next.js (U, 12h, $16.99) (if you picked React above);

    MERN Ecommerce from Scratch (U, 15h, $13.99) (if you picked React above);

    50 Projects in 50 Days - HTML, CSS, JS (U, 18.5, $13.99);

    20 Web Projects with Vanilla Javascript (U, 16h, $13.99);

    Typescript Crash Course (YT, 1h)

    EDIT: formatting

Related courses

Keyboard

In the course grid
←↑→↓
Move between courses
Home End
Start / end of row (with Ctrl: first / last)
PgUp PgDn
Jump several rows
Enter
Open course
S
Save / unsave course
1–5
Best, Trending, Hidden gems, Evergreen, Saved
[ ]
Previous / next topic
On a course page
← →
Previous / next course in your list
S
Save / unsave
O
Open the course website
Esc
Back to the grid
Everywhere
/
Search
T
Light / dark theme
?
This help