Frontend с нуля
Результат / будет знать, уметь
- Java Script
- HTML
- CSS
- CV
- Float
- Flex
- Bootstrap
- Git
- Github
- React
- Props
Контакты
Программа
Что такое верстка? Что такое теги?
Расширение файлов.
Основная структура тегов в файле.
Теги: абзацы, заголовки, начертания текста, ссылки, теги,
спецсимволы
Работа с картинками. Картинки как ссылки. Как делать
списки? Виды списков. Нумерация
Что такое селекторы? Виды селекторов: теги, классы, айди.
Работа с padding и margin.
Работа со шрифтами. Что такое блочная модель? Что такое
блочная верстка? Виды блочной верстки: float, inline-block,
flex модель
Что такое состояния элементов?
Состояния элементов: hover, active, focus
Что такое псевдоклассы?
Виды псевдоклассов и работа с ними.
Что такое позиционирование элементов?
Что такое анимация?
Виды анимации: линейная и цикличная
Что такое форма? Тэги для работы с формами. Элементы
формы. Поля ввода и их виды
Что такое Bootstrap? Как его подключать? Сетка bootstrap.
Выстраивание структуры сайта. Обзор готовых секций: меню,
формы и т. д.
Что такое git? Состояния файлов. Коммиты.
Работа с Github
Что такое JavaScript?
Основные типы данных
Объявление переменных
Приведение типов: явное и неявное
Условные операторы( if, switch, тернарный оператор)
Операнды. Работа с ними
Что такое цикл? Какие бывают циклы?
Цикл while, for, for … in, for … of
Что такое объект?
Копирование объектов. Свойства объектов
Что такое массив? Свойства массивов
Перебор массива в циклах
Что такое функции? Виды функций. Способы объявления
функций. Аргументы функции. Что такое return?
Прикрепление функции к объекту. Ключевое слово this.
Понятие prototype
Объявление функций внутри других. Возврат функций.
Что такое react и для чего он нужен?
Как его установить? Первый запуск проекта на react.
Компонент как функция. Рендеринг компонента. Композиция
и извлечение компонентов.
Преобразование функционального компонента в классовый
Управляемые компоненты. Тег textarea. Обработка
нескольких компонентов input.
Подключение файла со стилями. Примеры анимации на React
из библиотек. Classname и встроенные стили
Что такое жизненный цикл? Методы жизненного цикла.
Реализация
Реализация проекта
Составляем CV. Работа над вопросами к собеседованию.
Закрепление тем. Работа с Linkedin
Характеристики, актуальность курса, программа могут меняться, поэтому всю необходимую информацию всегда уточняйте у организаторов. Нажмите, чтобы писать о неактуальной информации.