[TeachMeSkills] Front End разработчик

[Аноним]

Ссылка на картинку

Кем ты станешь
Курсы Front End с нуля позволяют начинающим разработчикам создавать интерфейсы, с которыми взаимодействуют пользователи. Он знает HTML, CSS и JavaScript – язык, который работает на всех платформах и единственный язык программирования для браузеров.

Твой результат в конце курса:

• Изучишь Front End и язык программирования JavaScript с нуля, обучишься верстке, а также напишешь свое первое приложение
• Научишься поднимать локальный сервер и работать с webpack
• Научишься писать качественный, чистый код и пользоваться Git уже во время обучения на курсе Front End разработки
• Научишься верстать адаптивные и кроссбраузерные приложения и сайты
• Изучишь востребованный сегодня фреймворк React и разработаешь на нем приложение
• Станешь востребованным Front End разработчиком

Как проходит обучение:

• 85% практика
  Обучение созданию сайтов с нуля в школе TeachMeSkills – это решение реальных задач и приобретение практических навыков, а не заучивание терминов и выполнение заданий по книжкам
  
  
• 15% теория
  Без нее никак. Изучаем теорию дома и разбираем в начале занятия без воды.
• Домашние задания
  После каждого занятия обязательные домашние задания, которые действительно хочется делать.

Программа курса:

1. Введение в веб-разработку
   • Знакомимся с HTML
   • Hello, world
2. HTML и введение в CSS
   Работа с:
   • списками
   • формами
   • таблицам
   • CSS: селекторы, margin, padding
3. Оформление элементов
   • Работа со шрифтами и фоном
   • Блочная модель
   • Float, inline-block
   • Flex-модель
4. Состояние и позиционирование элементов
   • Hover, active и focus элементов
   • Псевдоэлементы
   • Позиционирование элементов
5. Углубление в HTML5 и CSS3
   • Семантика
   • Аудио и видео
   • Новые стили в CSS3
   • Анимации
6. Анимация элементов
   • Линейная анимация transition
   • Цикличная анимация keyframes
7. Формы
   • Работа с формами
   • Работа с полями ввода
8. Адаптивная и резиновая верстка
   • Сетка сайта
   • Adaptive, responsive
   • Мобильная верстка
9. Grid
   • Grid-контейнер
   • Grid-линии
   • Grid-области
10. Bootstrap
    • Bootstrap
11. Эволюция CSS
    • Основы препроцессоров LESS, SASS/SCSS, Stylus
    • BEM и его альтернативы
12. Проектирование
    • Практическое занятие
    • Подробные индивидуальные консультации с преподавателем
13. Введение в FrontEnd. Git
    • Введение в FrontEnd
    • СКВ Git: команды
14. Введение в JavaScript
    • Типы данных
    • Переменные (let, const, var)
    • Базовые операторы
15. Основы JavaScript
    • Условия (if, switch, тернарный оператор)
    • Приведение типов: явное и неявное
    • Циклы (while, for, for ... in, for … of)
16. Объекты и массивы.
    Часть 1
    • Копирование объектов и массивов. Rest/Spread оператор
    • Деструктуризация
    • Массивы как частный случай объектов
    • Доступ к свойствам
    • Итераторы
17. Объекты и массивы.
    Часть 2
    • Методы для работы
    • Цикл vs forEach
    • Map/Reduce
18. Введение в функции
    • Способы объявления функции
    • Аргументы
    • Return
    • Стрелочные функции
19. Функции: LevelUP
    • Arguments, значения по умолчания
    • CallStack, Scope, замыкания
    • Тестирование кода
    • Функция как инструмент тестирования
20. DOM
    • Element, document
    • Document.createElement
    • Append vs appendChild
    • QuerySelector
    • Динамическая верстка через DOM
21. События
    • Атрибуты
    • Свойства элемента для работы с событиями
    • addEventListener / removeEventListener
    • Жизненный цикл события, всплытие и поднятие
    • PreventDefault и stopPropagation
    • This и колбэки
22. BOM
    • Объектная модель браузера (BOM)
    • localStorage, sessionStorage, indexedDB
23. Взаимодействие с сетью + Ajax
    • XMLHttpRequest, fetch
    • Ajax
    • Обработка ошибок в запросах.
    • Web-сокеты. Ивент-сорсинг
    • REST
24. Асинхронность в JavaScript. Часть 1
    • Что такое асинхронность
    • Сравнение синхронного и асинхронного кода
    • Введение в promise
25. Асинхронность в JavaScript. Часть 2
    • Продолжаем с promise
    • Promise chaining
    • Обработка ошибок
26. Асинхронность в JavaScript. Часть 3
    • Async/await
    • Event loop
27. Основы ООП
    • ООП: инкапсуляция, наследование, полиморфизм
    • Абстракция и интерфейсы
    • Классы и наследование
    • ограничение в JS
    • Решение задач через ООП
    • BDD и DDD (Behavior Driven Development/Domain Driven Design)
28. Классы в JavaScript
    • Функция как класс
    • new и this
    • this, call/apply/bind
    • Стрелочные функции
    • Прототипы
    • Наследование
    • ES6 class
29. DOM. Своя фабрика компонентов без фреймворка
    • Шаблоны проектирования
    • Модуль, прокси, адаптер
30. Практика и выбор дипломного проекта
    • Выбор проекта для повышения навыков
    • Выполнение проекта, реализация, практика
31. Git
32. Основы тестирования
33. Структуры данных
34. Immutable своими руками
35. Npm: работаем с зависимостями
36. Свои компоненты
37. Основы webpack. Часть 1
38. Основы webpack. Часть 2
39. MVC-концепция
40. Свой SPA (Single Page App) без фреймворка.
41. Начинаем работать с React. Настройка create-react-app
42. Функциональное программирование
43. Жизненный цикл и компоненты в React
44. Продолжаем изучать React. Часть 1
45. Продолжаем изучать React. Часть 2
46. Redux
47. Продолжаем изучать Redux: Dispatch, Action
48. Redux-middleware
49. TypeScript. Знакомство. Описание. Настройка рабочего окружения
50. TypeScript. Продолжаем изучениу. Классы. Generics. Продвинутые типы
51. День консультаций по дипломному проекту
52. Тренинг "Трудоустройство в IT"