Front End разработчик [TeachMeSkills]
Курсы Front End с нуля позволяют начинающим разработчикам создавать интерфейсы, с которыми взаимодействуют пользователи. Он знает HTML, CSS и JavaScript – язык, который работает на всех платформах и единственный язык программирования для браузеров.
Мы предлагаем полный курс Front End: HTML, CSS и JavaScript с нуля. На курсе ты научишься верстать адаптивные и кроссбраузерные приложения и сайты, напишешь свое первое приложение на JavaScript, изучишь популярную сегодня библиотеку React и разработаешь web-приложение на ней.
Курсы Front End с нуля позволяют начинающим разработчикам создавать интерфейсы, с которыми взаимодействуют пользователи. Он знает HTML, CSS и JavaScript – язык, который работает на всех платформах и единственный язык программирования для браузеров.
Мы предлагаем полный курс Front End: HTML, CSS и JavaScript с нуля. На курсе ты научишься верстать адаптивные и кроссбраузерные приложения и сайты, напишешь свое первое приложение на JavaScript, изучишь популярную сегодня библиотеку React и разработаешь web-приложение на ней.
208 академических часов
Составлена практикующими IT специалистами для новичков в Front End. Это лучший курс по JavaScript, HTML и CSS для начинающих.
Составлена практикующими IT специалистами для новичков в Front End. Это лучший курс по JavaScript, HTML и CSS для начинающих.
1. Введение в веб-разработку
- Знакомимся с HTML
- Hello, world
Работа с:
- списками
- формами
- таблицам
- CSS: селекторы, margin, padding
- Работа со шрифтами и фоном
- Блочная модель
- Float, inline-block
- Flex-модель
- Hover, active и focus элементов
- Псевдоэлементы
- Позиционирование элементов
- Семантика
- Аудио и видео
- Новые стили в CSS3
- Анимации
- Линейная анимация transition
- Цикличная анимация keyframes
- Работа с формами
- Работа с полями ввода
- Сетка сайта
- Adaptive, responsive
- Мобильная верстка
- Grid-контейнер
- Grid-линии
- Grid-области
- Bootstrap
- Основы препроцессоров LESS, SASS/SCSS, Stylus
- BEM и его альтернативы
- Практическое занятие
- Подробные индивидуальные консультации с преподавателем
- Введение в FrontEnd
- СКВ Git: команды
- Типы данных
- Переменные (let, const, var)
- Базовые операторы
- Условия (if, switch, тернарный оператор)
- Приведение типов: явное и неявное
- Циклы (while, for, for ... in, for … of)
Часть 1
- Копирование объектов и массивов. Rest/Spread оператор
- Деструктуризация
- Массивы как частный случай объектов
- Доступ к свойствам
- Итераторы
Часть 2
- Методы для работы
- Цикл vs forEach
- Map/Reduce
- Способы объявления функции
- Аргументы
- Return
- Стрелочные функции
- Arguments, значения по умолчания
- CallStack, Scope, замыкания
- Тестирование кода
- Функция как инструмент тестирования
- Element, document
- Document.createElement
- Append vs appendChild
- QuerySelector
- Динамическая верстка через DOM
- Атрибуты
- Свойства элемента для работы с событиями
- addEventListener / removeEventListener
- Жизненный цикл события, всплытие и поднятие
- PreventDefault и stopPropagation
- This и колбэки
- Объектная модель браузера (BOM)
- localStorage, sessionStorage, indexedDB
- XMLHttpRequest, fetch
- Ajax
- Обработка ошибок в запросах.
- Web-сокеты. Ивент-сорсинг
- REST
- Что такое асинхронность
- Сравнение синхронного и асинхронного кода
- Введение в promise
- Продолжаем с promise
- Promise chaining
- Обработка ошибок
- Async/await
- Event loop
- ООП: инкапсуляция, наследование, полиморфизм
- Абстракция и интерфейсы
- Классы и наследование
- ограничение в JS
- Решение задач через ООП
- BDD и DDD (Behavior Driven Development/Domain Driven Design)
- Функция как класс
- new и this
- this, call/apply/bind
- Стрелочные функции
- Прототипы
- Наследование
- ES6 class
- Шаблоны проектирования
- Модуль, прокси, адаптер
- Выбор проекта для повышения навыков
- Выполнение проекта, реализация, практика
- Ретроспектива
- Оценка знаний
- Git, продвинутый уровен
- Для чего нужны тесты и какую проблему решают
- Уровни тестирования (модульное, интеграционное, etc)
- Инструменты для тестирования JS модулей (Jest, Mocha, Chai)
- Хэш-таблица, стэк, очередь, куча
- List, Set
- Map/WeakMap
- Деревья
- Базовые алгоритмы
- Шаблоны задач, связанных с определенными структурами
- Immutable своими руками
- Что такое require?
- Постигаем package.json
- Lint (style guides - airbnb, google. eslint, prettier
- Проверка типов
- Виртуальный DOM
- Устанавливаем webpack
- Настройка
- Плагины
- Лоудеры
- MVC/MVVM
- Роутинг, History API
- Events
- 1-way vs 2-way data-binding
- Реактивное программировании
- Теория MVC
- Пишем свой SPA
- Собираем проект webpack'ом
- Что такое React
- Где html и что такое JSX
- props, state
- Stateless и stateful компоненты
- Настройка create-react-app
- Виртуальный DOM
- JavaScript - функциональный язык программирования?
- Что такое хуки?
- HOC(Higher-Order Components)
- Stateless и stateful компоненты
- Узнаем про React Context
- Где использовать Refs
- Route, browser-router, маршрутизация
- NavLink
- Route exact
- Тестирование React компонентов
- Добавляем к нашему проекту Redux
- Добавляем к нашему проекту Redux
- Action creator
- Action type
- reducer
- Продолжаем изучать Redux
- Redux-thunk
- Покрытие тестами reducer-ов и saga-s
- Базовые типы (number, string, boolean)
- Массивы, кортежи, перечисленя
- Другие простейшие типы (Any, Unknow, Never, Void)
- Преобразования типов
- Защитники типов и различение типов
- Интерфейсы (свойства, расширения)
- Объединённые и пересекающиеся типы, литеральные типы
- Функции (аргументы, контекст, перегрузка функции
- Классы (наследование, публичные, скрытые и защищённые модификаторы)
- Классы (статичные свойства, абстрактные классы, классы в качестве интерфейсов)
- Generics
- Утилиты (Pick, Omit, ReturnType, etc.)
- Делаем дипломный проект на выбор
- Составление резюме (теория + практика)
- Составление профиля на LinkedIn (теория + практика)
- Прохождение интервью
- Soft skills, которые важны в рамках интервью
- Проведение пробного интервью
https://teachmeskills.by/kursy-programmirovaniya/frontend-html-css-javascript-online