Hello world

Web application

• Клиент-Серверное приложение
• Браузер является клиентом
• Frontend development это разработка со стороны клиента

Основа Front-end разработки

Frontend ecosystem

• Version Control System - GIT
• Configuration part - Node.js, NPM, Yarn, Webpack, Gulp…
• Utility libraries - Lodash, Underscore, JQuery, Redux…
• Frameworks - Angular, React, Vue, Ember…
• Unit tests - Jasmine, Mocha, Jest…

Программа курса 1 часть

• Знакомство. Консоль. Настройка рабочего окружения

• Основы ECMAScript

  • Переменные
  • Типы данных (примитивы и объекты)
  • Операторы
  • Преобразование типов
  • Объекты и массивы, их свойства и методы
  • Условные инструкции
  • Циклы
  • Функции, рекурсия
  • Замыкания. Области видимости

• Основы ООП. Реализация ООП в ECMAScript

  • Наследование
  • Конструкторы. Прототипы

Программа курса 2 часть

• Принципы работы браузера. Event loop.

  • Работа с DOM
  • Объекты Document, Node, Elements. Свойства и методы
  • События
• Взаимодействие с сервером

• Полезные библиотеки

  • Lodash
  • JQuery

• Полезные инструменты Front-end разработчика

  • Package managers
  • Task Runners
  • Bundlers
  • Git
• Контроль типов. TypeScript
• Обзор основных фреймворков

Программа курса 3 часть

• React

  • Теория
  • Практика