frontend-developer-path

Udemy:

• Javascript:

  • The Modern Javascript Bootcamp Course (2021)
  • JavaScript: The Advanced Concepts (2021)
  • JavaScript: Understanding the Weird Parts
  • JavaScript - The Complete Guide 2021 (Beginner + Advanced)
  • Functional Programming For Beginners With JavaScript
  • Functional Programming in JavaScript: A Practical Guide
  • JavaScript Masterclass 2021: Modern & Comprehensive
  • Advanced Javascript
  • Design Patterns in JavaScript
  • Asynchronous JavaScript Deep Dive
  • Accelerated JavaScript Training
  • JavaScript Masterclass 2021: Modern & Comprehensive
  • JavaScript Interview Prep: Practice Problems
  • Functional Programming in JavaScript: A Practical Guide
  • Asynchronous JavaScript
  • Mastering Regular Expressions in JavaScript
  • Advanced JavaScript Topics

• Data Structures & Algorithms:

  • Data Structures & Algorithms - JavaScript
  • Master the Coding Interview: Data Structures + Algorithms
  • JavaScript Algorithms and Data Structures Masterclass

• React.js:

  • 2021 Update! React Testing with Jest and Enzyme
  • React, NodeJS, Express & MongoDB - The MERN Fullstack Guide
  • Build an app with React, Redux and Firestore from scratch

• Typescript:

  • Typescript: The Complete Developer's Guide
  • Understanding TypeScript - 2021 Edition
  • Design Patterns in TypeScript
  • React and Typescript: Build a Portfolio Project

• Node.js:

  • The Complete Node.js Developer Course (3rd Edition)
  • Node with React: Fullstack Web Development
  • Node.js, Express, MongoDB & More: The Complete Bootcamp 2021

• GraphQL & Apollo & Next.js:

  • Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
  • Complete Next.js with React & Node - Beautiful Portfolio App
  • Next.js & React - The Complete Guide (incl. Two Paths!)
  • The Modern GraphQL Bootcamp (with Node.js and Apollo)

• Databases:

  • The Ultimate MySQL Bootcamp: Go from SQL Beginner to Expert

Frontend Masters:

• Beginner:

  • Complete Intro to Web Development, v2
  • Getting Started with JavaScript, v2
  • CSS Grids and Flexbox for Responsive Web Design
  • JavaScript: From Fundamentals to Functional JS, v2
  • Website Accessibility, v2

  Elective Courses:

  • Introduction to Dev Tools, v3
  • Modern Search Engine Optimization (SEO)

• Professional:

  • JavaScript: The Hard Parts, v2
  • Deep JavaScript Foundations, v3
  • JavaScript: The Recent Parts
  • Complete Intro to React, v6
  • Functional-Light JavaScript, v3
  • CSS In-Depth, v2
  • Full Stack for Front-End Engineers, v2
  • TypeScript Fundamentals, v3

  Elective Courses:

  • Complete Intro to Linux and the Command-Line
  • Introduction to Node.js
  • Client-Side GraphQL in React
  • Complete Intro to Containers (feat. Docker)
  • Design for Developers
  • SVG Essentials & Animation, v2

• Expert

  • JavaScript: The New Hard Parts
  • JavaScript Performance
  • Functional-Light JavaScript, v3
  • State Machines in JavaScript with XState
  • Git In-depth
  • Web Assembly
  • Hardcore Functional Programming in JavaScript, v2
  • Asynchronous Programming in JavaScript (with Rx.js Observables)

  Elective Courses:

  • Web Security
  • JavaScript and TypeScript Monorepos
  • Enterprise Architecture Patterns
  • Hardcore Functional Architecture Patterns in JavaScript
  • Exploring Service Workers
  • Building Your Own Programming Language

Hexlet:

• Frontend:

  Module 1:

  • Жизнь программиста
  • Введение в программирование
  • JS: Массивы
  • Основы командной строки
  • Введение в Git
  • JS: Настройка окружения

  Project: https://ru.hexlet.io/programs/frontend/projects/44

  
  

  Module 2:

  • JS: Объекты
  • JS: Функции
  • JS: Автоматическое тестирование
  • JS: Абстракция с помощью данных
  • JS: Деревья

  Project: https://ru.hexlet.io/programs/frontend/projects/46

  
  

  Module 3:

  • JS: Введение в ООП
  • JS: Объектно-ориентированный дизайн
  • Протокол HTTP
  • JS: Асинхронное программирование
  • Основы современной вёрстки
  • JS: DOM API
  • Регулярные выражения
  • JS: Архитектура фронтенда
  • JS: Продвинутое тестирование

  Project: https://ru.hexlet.io/programs/frontend/projects/11

  
  

  Module 4:

  • JS: React
  • JS: Redux (React)
  • JS: Полиморфизм
  • JS: Погружаясь в классы
  • Трудоустройство

  Project: https://ru.hexlet.io/programs/frontend/projects/12

  
  
  

Practice:

• Create your get function

  function get() {
    ...
  }
  

• Create your map function

  function map() {
    ...
  }
  

• Create your filter function

  function filter() {
    ...
  }
  

• Create your reduce function

  function filter() {
    ...
  }