Study Awesome

Paid Courses：

HTML:

• The Ultimate HTML/CSS Mastery Series (easy)

CSS:

• The Ultimate HTML/CSS Mastery Series (easy)
• CSS Demystified (mid)

JavaScript:

• Modern JavaScript From The Beginning (easy)
• The Ultimate JavaScript Series (easy-mid)
• Getting Started with JavaScript, v2 (easy-mid)
• JavaScript: The Advanced Concepts (mid-snr)
• JavaScript: The Hard Parts (mid-snr)
• Deep JavaScript Foundations, v3 (mid-snr)

TypeScript:

• The Ultimate TypeScript Course (easy-mid)
• TypeScript Fundamentals, v3 (easy)
• Intermediate TypeScript (mid-snr)
• React and TypeScript (mid)

React:

• Epic react (mid)
• Complete React Developer in 2023 (w/ Redux, Hooks, GraphQL) (mid)

Testing:

• Testing JavaScript with Kent C. Dodds (mid-snr)

Nextjs:

• Introduction to Next.js, v2 (easy)
• Production-Grade Next.js (mid)
• Build a Fullstack App from Scratch (feat Next.js) (mid)

Agile:

• Agile Business Analysis (easy)

Cloud:

• Serverless Framework Bootcamp: Node.js, AWS & Microservices (easy-mid)

Interview:

• Interviewing for Front-End Engineers (mid)

• You are preparing for your React Interview the Wrong Way!(easy-mid)

• 在澳洲，如何准备 IT 面试，如何用自己的故事 hightight 自己的技能-技术面试／behavior 面试／Anecdote 打动面试官 @ 墨尔本 WEB 大咖面对面之虎头锤老师

Free Courses and materials:

Materials and tutorials for learning JS/TS/NODE, frontend and backend.

• My Youtube Channel (tutorials related to React, CSS and etc.)

• Jack Herrington (Advanced Frontend technologies Youtube channel)

• Fireship (Another programming advanced skills channel)

• Web Dev Simplified (A lot of different technique skill sharing)

• Freecodecamp (One of the biggest free learning material community)

0. Fondation

• The Agile Coach | Video (easy)

• What is agile project management? | Article (easy)

• Naming convention - Airbnb React/JavaScript Style Guide(easy)

• REST API Mistakes Every Junior Developer should Avoid | clean-code(easy)

• Web Development In 2023 - A Practical Guide(easy)

• JavaScript Naming Conventions(easy)

1. Frontend

HTML & CSS related

• CSS Full Course for Beginners | Complete All-in-One Tutorial | 11 Hours (easy)

• The 2023 Frontend Development Crash Course - Learn HTML & CSS (easy, turning UI design into HTML and CSS)

• (Article)Semantic HTML5 Elements Explained (easy)

• CSS Media Queries Tutorial for Responsive Design(easy)

• Tailwind CSS Full Course for Beginners | Complete All-in-One Tutorial | 3 Hours(easy)

React related

• React JS Full Course for Beginners | Complete All-in-One Tutorial | 9 Hours (easy)

• React TypeScript Cheatsheet | Document (easy-mid)

Redux related

• React Redux Full Course for Beginners | Redux Toolkit Complete Tutorial (easy)

• RTK re-fetch,auto-fetch related tags,query and mutation with providesTags and invalidatesTags APIs (easy-mid)

2. Backend

Node/Express

• Node.js Full Course for Beginners | Complete All-in-One Tutorial | 7 Hours (easy)

Nest related

• NestJS Crash Course - Build a Complete Backend API (easy-mid)

3. Language

Javascript

• JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour (very easy)

• Modern JavaScript From The Beginning | First 12 Hours (easy)

• JavaScript Full Course for Beginners | Complete All-in-One Tutorial | 8 Hours (easy)

• ES6 Tutorial: Learn Modern JavaScript in 1 Hour (easy)

• 10 JavaScript Concepts Every Developer Should Know (or should you?!)(mid)

Typescript

• Typescript for Beginners (easy)

• No BS TS By Jack Herrington (mid-snr)

4. FullStack

• REST API Design Best Practices Handbook (How to Build a REST API with BEST PRACTICES) (easy-mid)

• monorepo.tools - Everything you need to know about monorepos, and the tools to build them.(mid-snr)

• Web App JWT/Security/Authentication (easy-mid)

5. Testing

Unit testing related

• React Testing Tutorial with React Testing Library and Jest (easy)

• 2021-08-30-Frontend unit tests - Steven D

E2E testing related

• Testing JavaScript with Cypress – Full Course (easy)

5. Others

Zenhub

• Zenhub Quick Tutorials

Git & Github flow

• A typical GitHub workflow // what to expect (easy)

• GitHub Flow Tutorial: Basic workflow for git (easy-mid)

• Git Tutorial for Beginners: Learn Git in 1 Hour (easy)

• The Advanced Git Kit (mid)

6. Advanced

• Understanding the V8 JavaScript Engine(mid)

• How a web browser builds and displays a web page(easy)

• How do web browsers work? | Web Demystified, Episode 5(snr)

• What are Environment Variables, and how do I use them? (get,set)(mid)

• Hide API Keys Without dotenv environment variables | Hiding API Keys in Javascript Netlify(mid)

• 25+ JavaScript Shorthand Coding Techniques(mid)