0. План обучения - Gr0mi4/Hello-World GitHub Wiki

Stage 1: Верстка.

  • HTML
  • Tags and semantics
  • Pages and navigation
  • Tables
  • Image, picture, figure
  • Metatags
  • Link tag
  • Script tag
  • Forms and inputs
    Как работают формы. Все виды form controls, кнопки, переключатели, поля ввода, чеклисты и тд.
  • CSS
  • Blocks
    Изучить блочную модель, верстку блоками. Разница между block, inline-block и inline.
  • Positioning
    Изучить как работают все виды позиционирования элементов: static, relative, absolute, fixed, sticky.
  • Z-index
  • Flexbox
    Очень серьезная и важная тема. Нужно хорошо в это вникнуть и побольше практики.
  • CSS Specificity
  • Transformations
  • Transitions and animations
  • Media Queries and responsive layouts
  • Preprocessors for CSS
  • SCSS
  • Templating Engines
  • Pug

Stage 2: Программирование.

  • Basic JS
  • Variables
  • Functions
  • Objects
  • Array
  • String
  • Number
  • Math
  • Intermediate JS
  • Class
  • Inheritance
  • Events
  • Advanced JS
  • Regular expressions
  • HTTP requests, AJAX, Fetch
  • Promise
  • Libraries
  • Lodash
  • jQuery (optional)
  • NPM
  • package.json
  • Using dependencies
  • Publication of a node module
  • Frameworks
  • React
  • Testing and Linting
  • Eslint (and linting in general)
  • Types of testing
  • Unit testing (in depth + tasks)
  • Node.js
  • Task: build your own database with your own SQL parser!

Stage 3: Final Super Mega Awesome Project!

⚠️ **GitHub.com Fallback** ⚠️