Учебная программа курса
Frontend веб-разработка
Summary for Frontend веб-разработка
Введение в HTML
1. Создать базовую структуру HTML-документа с использованием тега `` и тега ``
2. Добавить в документ тег `` и внутри него создать тег `<title>` с названием блога
3. Внутри тега ``, добавить метатег `` для указания кодировки
4. Создать тег `` для размещения основного содержимого страницы
5. Внутри тега ``, добавить заголовок `<h1>` с именем автора блога
6. Добавить несколько параграфов `<p>` с описанием интересов и увлечений автора
7. Вставить изображение профиля с использованием самозакрывающегося тега `<img>` и указанием атрибута `src` для ссылки на изображение
8. Добавить атрибут `alt` к тегу `<img>` для описания изображения
9. Проверить корректность отображения страницы в веб-браузере
10. При необходимости, внести правки в HTML-код для улучшения структуры и оформления
- 00:00
- 00:00
- 00:00
- 00:00
- 00:00
Проверка знаний на тему: Введение в HTML
Продвинутый HTML
1. Введение в концепцию вложенности в HTML
2. Правила и рекомендации по использованию вложенности
3. Примеры правильной и неправильной вложенности
4. Важность отступов для читаемости кода
5. Практические упражнения по созданию вложенных структур
6. Инструменты и редакторы для автоматизации отступов
7. Заключение и лучшие практики
8. Вопросы и ответы
- 00:00
- 00:00
- 00:00
- 00:00
Создание простой веб-страницы с описанием путешественника продолжение
00:00Проверка знаний на тему: Промежуточный уровень HTML
Многостраничные веб-сайты
Summary for Многостраничные веб-сайты
Пути к файлам на компьютере
00:00Что такое веб-страницы?
00:00«Обязательная структура HTML»
00:00«[Проект] Портфолио Веб-сайт»
00:00Как бесплатно разместить свой сайт на GitHub
00:00Введение в курсовые проекты
00:00Инструкции для первокурсника — онлайн резюме
00:00Проверка знаний на тему: Многостраничные веб-сайты
Проверка знаний на тему: Многостраничные веб-сайты
Введение в CSS
Summary for Введение в CSS
«Зачем нам нужен CSS?»
00:00Как добавлять CSS
00:00Викторина по CSS
00:00‘CSS-селекторы’
00:00[Проект] Сайт со словарём цветов
00:00Совет от Анджелы — Как справляться с отвлекающими факторами
00:00Проверка знаний на тему: Введение в CSS
Свойства CSS
Summary for Свойства CSS
‘Цвета CSS’
00:00Свойства шрифта
00:00‘Инспектирование CSS’
00:00Модель коробки CSS — отступы, поля и границы
00:00«[Проект] Веб-сайт с мотивационными постерами»
00:00Проверка знаний на тему: Свойства CSS
Промежуточный CSS
Summary for Промежуточный CSS
«Каскад — Специфичность и Наследование»
00:00«Комбинирование селекторов CSS»
00:00‘Позиционирование в CSS’
00:00[Проект] CSS Флаг
00:00Совет от Анжелы — Легкие дела не стоят усилий!
00:00Проверка знаний на тему: Промежуточный CSS
Продвинутый CSS
Summary for Продвинутый CSS
‘CSS Дисплей’
00:00«CSS Float»
00:00Как создавать адаптивные веб-сайты
00:00«Медиа-запросы»
00:00[Проект] Веб-сайт агентства по веб-дизайну
00:00Совет от Анжелы — Как справиться с прокрастинацией
00:00Проверка знаний на тему: Продвинутый CSS
Flexbox
Summary for Flexbox
Отображение: Flex
00:00«Направление Flex»
00:00«Гибкая верстка»
00:00«Гибкое Изменение Размеров»
00:00«[Проект] Таблица цен»
00:00Совет от Анджелы — Формирование привычки программирования
00:00Проверка знаний на тему: Флексбокс
Название курса — Полный курс веб-разработки 2024.
Summary for Название курса - Полный курс веб-разработки 2024.
«Дисплей: Сетка»
00:00Размер сетки
00:00«Размещение в сетке»
00:00«[Проект] Картина Мондриана»
00:00Проверка знаний на тему: Сетка
Bootstrap
Summary for Бутстрап
Что такое Bootstrap?
00:00«Макет с использованием Bootstrap»
00:00Компоненты Bootstrap
00:00[Проект] Веб-сайт стартапа TinDog
00:00Проверка знаний на тему: Загрузка системы
Школа веб-дизайна
Summary for Школа веб-дизайна
Введение в веб-дизайн
00:00Проект школы веб-дизайна
00:00Понимание теории цвета
00:00Понимание типографики и выбор шрифта
00:00«Управляйте ВНИМАНИЕМ с помощью эффективного пользовательского интерфейса»
00:00Пользовательский опыт
00:00Веб-дизайн на практике — Применяем полученные знания!
00:00Проверка знаний на тему: Школа веб-дизайна
Завершающий Проект 2 — Персональный Сайт
Summary for Завершающий Проект 2 - Персональный Сайт
Инструкции
00:00Капstone проект 2 — Проект личного сайта
00:00Проверка знаний на тему: Капстон Проект 2 — Персональный Сайт
Введение в JavaScript ES6
Summary for Введение в JavaScript ES6
Введение в проект на JavaScript ES6
00:00Введение в JavaScript
00:00Совет от Анджелы — Определите свои ожидания
00:00Инкрементные и Декрементные Выражения
00:00Тест по функциям JavaScript
00:00Испытание: Решение калькулятора ИМТ
00:00Задача: Калькулятор ИМТ
00:00Задание: Создание калькулятора ИМТ
00:00Функции Часть 3: Выходные данные и возвращаемые значения
00:00«Жизнь по неделям: решение»
00:00«Жизнь в неделях: упражнение по программированию»
00:00«Функции, Часть 2: Параметры и Аргументы»
00:00Краткое примечание о следующем уроке
00:00«Решение шахматной доски Карела»
00:00Проверка знаний на тему: Введение в JavaScript ES6
Уроки 1: Вызов функций — Робот Карел
00:00Часть 1: Создание и вызов функций
00:00Тест по числам в JavaScript
00:00Основы арифметики и оператор модуля в JavaScript
00:00Задача: решение по изменению регистра строки
00:00Испытание: изменение регистра в тексте
00:00Срезы и Извлечение Частей Строки
00:00Длина строк и извлечение количества символов
00:00Конкатенация строк
00:00Викторина по названиям переменных в JavaScript
00:00Названия и соглашения об именовании для переменных JavaScript
00:00Решение упражнения по переменным в JavaScript
00:00Упражнение на переменные в JavaScript
00:00Задание на начало работы с переменными в JavaScript
00:00Переменные в JavaScript
00:00Типы данных
00:00Уведомления JavaScript — Добавление поведения на сайты
00:00
Продвинутый JavaScript
Summary for Продвинутый JavaScript
Промежуточный проект на JavaScript
00:00Добавление элементов и промежуточные методы работы с массивами
00:00«Совет от Анжелы — Получение информации — это способ обучения»
00:00Фибоначчиево Решение
00:00Задание по числам Фибоначчи
00:00Введение в задачу на кодирование Фибоначчи
00:00Управляющие операторы: циклы for
00:00Решение задачи «99 бутылок»
00:00Операторы управления: Циклы while
00:00«Решение задачи «Кто покупает обед»»
00:00«Кто покупает обед? Кодовое испытание»
00:00Генерация случайных чисел в JavaScript: создание калькулятора любви
00:00Коллекции: Работа с массивами в JavaScript
00:00Решение високосного года
00:00Задача на определение високосного года
00:00Введение в задачу с кодом для високосного года
00:00Расширенный калькулятор ИМТ
00:00Сочетание компараторов
00:00Сравнители и равенство
00:00Управляющие операторы: использование условных конструкций if-else и логики
00:00Проверка знаний на тему: Промежуточный JavaScript
Объектная модель документа (DOM)
Summary for Объектная модель документа (DOM)
Добавление JavaScript на веб-сайты
00:00Проект модели объектов документа (DOM)
00:00Введение в объектную модель документа
00:00Решение задачи по DOM
00:00Выбор HTML-элементов с помощью JavaScript
00:00Манипулирование и изменение стилей HTML-элементов с помощью JavaScript
00:00«Разделение ответственности: Структура vs Стиль vs Поведение»
00:00Манипуляция текстом и свойство содержания текста
00:00Изменение атрибутов HTML элементов
00:00Совет от Анджелы — метод 20 минут
00:00Проверка знаний на тему: Объектная модель документа (DOM)
Boss Level Challenge 1 — Игра в кости
Summary for Boss Level Challenge 1 - Игра в кости
Испытание: Dicee — вызов.
00:00Урок 0 — Скачать проект-шаблон Dicee Challenge
00:00‘Шаг 1 испытания Dicee — Создание внешнего файла JavaScript’
00:00Шаг 2: Вызов «Dicee» — Добавление изображений костей
00:00«Dicee Challenge Шаг 3 — Создание случайного числа»
00:00Шаг 4 Dicee Challenge — Изменение на случайный игровой кубик
00:00Шаг 5 Вызова Dicee — Изменение обоих элементов
00:00Шаг 6 в Dicee Challenge — Измените заголовок, чтобы отобразить победителя
00:00Решение задачи Dicee
00:00Скачать готовый сайт
00:00Совет от Анжелы — Учитесь перед едой
00:00Проверка знаний на тему: Босс Уровень Вызов 1 — Игра в Кости
jQuery
Summary for jQuery
Что такое jQuery?
00:00Проект jQuery
00:00Как использовать jQuery на веб-сайтах
00:00Как минификация помогает уменьшить размер файла
00:00Выбор элементов с помощью jQuery
00:00Манипулирование стилями с помощью jQuery
00:00«Манипулирование текстом с помощью jQuery»
00:00Манипулирование атрибутами с помощью jQuery
00:00Добавление слушателей событий с помощью jQuery
00:00Добавление и удаление элементов с помощью jQuery
00:00Анимации на веб-сайтах с использованием jQuery
00:00Совет от Анжелы — Смешивание знаний
00:00Проверка знаний на тему: jQuery
Продвинутый JavaScript и манипуляция DOM
Summary for Продвинутый JavaScript и манипуляция DOM
Чему Мы Научимся: Ударная Установка
00:00Проект по продвинутому JavaScript и манипуляции с DOM
00:00Скачать Начальные Файлы
00:00Добавление слушателей событий к кнопке
00:00Функции высшего порядка и передача функций в качестве аргументов
00:00Решение задачи по функции высшего порядка
00:00Как воспроизводить звуки на веб-сайте
00:00Как использовать оператор switch в JavaScript
00:00Глубокое понимание объектов JavaScript
00:00Объекты, их методы и точечная нотация
00:00Краткое замечание о следующем уроке
00:00Использование слушателей событий клавиатуры для проверки нажатий клавиш
00:00Понимание обратных вызовов и как отвечать на события
00:00«Добавление анимации на сайты»
00:00Скачать готовый сайт
00:00Совет от Анжелы — Как справиться с отсутствием прогресса
00:00Проверка знаний на тему: Продвинутая работа с JavaScript и манипуляции с DOM
Босс Уровень Вызов 2 — Игра «Саймон»
Summary for Босс Уровень Вызов 2 - Игра "Саймон"
Что Вы Сделаете: Игра Симон
00:00«Челлендж уровня босса 2 — Проект Игра Симон»
00:00Этап 0 — Загрузка исходных файлов
00:00Шаг 1 — Добавление JavaScript и jQuery
00:00Шаг 2 — Создайте новый шаблон
00:00Шаг 3 — Показать последовательность пользователю с помощью анимаций и звуков
00:00Шаг 3 — Ответ
00:00Шаг 4 — Проверьте, какая кнопка нажата
00:00Шаг 4 — Ответ
00:00Шаг 5 — Добавление звуков при нажатии на кнопки
00:00Шаг 6 — Добавление анимаций к кликам пользователя
00:00Шаг 7 — Начало игры
00:00Шаг 8 — Проверка ответа пользователя по игровой последовательности
00:00Шаг 9 — Конец игры
00:00Шаг 10 — Перезапуск игры
00:00Шаг 10 — Ответ
00:00Проверка знаний на тему: Босс Уровень Вызов 2 — Игра Саймона
Unix Командная строка
Summary for Unix Командная строка
Установка Git Bash на Windows
00:00Проект командной строки Unix
00:00Понимание командной строки. Да здравствует командная строка!
00:00Методы командной строки и навигация по каталогам
00:00Создание, открытие и удаление файлов через командную строку
00:00Проверка знаний на тему: Командная строка Unix
Backend веб-разработка
Summary for Backend веб-разработка
«Объяснение разработки серверной части веб-приложений»
00:00Проект по разработке серверной части веб-приложений
00:00Инструменты и технологии бэкенда — какую из них изучить?
00:00Проверка знаний на тему: Разработка серверной части веб-приложений
Node.js
Summary for Node.js
Что такое Node.js?
00:00Установить Node.js на Mac
00:00Установить Node.js на Windows
00:00Использование Node.js
00:00«Как использовать встроенные модули Node.js»
00:00Менеджер пакетов NPM и установка внешних Node модулей
00:00[Проект] Генератор QR-кодов
00:00Совет от Анджелы — Прими вызов
00:00Проверка знаний на тему: Node.js
Express.js с Node.js
Summary for Express.js с Node.js
Что такое Express?
00:00Создание нашего первого сервера с помощью Express
00:00Запросы HTTP
00:00Почтальон
00:00Введение в промежуточное программное обеспечение
00:00Пользовательские промежуточные программы
00:00Проект доступа к секретам
00:00Совет от Анджелы — Как Укрепить Свои Знания
00:00Проверка знаний на тему: Express.js с Node.js
Название курса — Полный курс веб-разработки 2024.
Summary for Название курса - Полный курс веб-разработки 2024.
Что такое EJS?
00:00«Теги EJS»
00:00«Передача данных в EJS шаблоны»
00:00EJS Частичные представления и макеты
00:00Проект «Генератор группы»
00:00Совет от Анжелы — Местоположение, Местоположение, Местоположение!
00:00Проверка знаний на тему: EJS
Интерфейсы программирования приложений (API)
Summary for Интерфейсы программирования приложений (API)
Введение в API
00:00«Структурирование запросов к API»
00:00Что такое JSON?
00:00‘Создание серверных запросов к API с помощью Axios’
00:00Аутентификация API
00:00REST API
00:00Проект «Секреты»
00:00Проверка знаний на тему: Интерфейсы прикладного программирования (API)
Завершающий проект — Создание веб-приложения для блога
Summary for Завершающий проект - Создание веб-приложения для блога
Инструкции
00:00Курс итогового проекта — Создание проекта веб-приложения блога
00:00Проверка знаний на тему: Курсовой проект — Создание веб-приложения для блога
Git, Github и контроль версий
Summary for Git, Github и контроль версий
Введение в систем управления версиями и Git
00:00«Проект Git, Github и контроль версий»
00:00«Управление версиями с помощью Git и командной строки»
00:00«GitHub и удалённые репозитории»
00:00«Gitignore»
00:00Клонирование
00:00«Ветвление и слияние»
00:00Необязательное задание по Git
00:00«Создание форков и пул-реквестов»
00:00Совет от Анжелы — интервальное повторение
00:00Проверка знаний на тему: Git, Github и контроль версий
Заключительный проект — Использование публичного API
Summary for Заключительный проект - Использование публичного API
Инструкции
00:00Капstone проект — Использование публичного API проекта
00:00Проверка знаний на тему: Капстон-проект — Использование публичного API
Создайте свой собственный API
Summary for Создайте свой собственный API
Создание собственных API
00:00Создание собственного API проекта
00:00Создание маршрутов GET
00:00Создание маршрутов POST, PUT и PATCH
00:00Создание маршрута DELETE
00:00Создайте собственный API для блога
00:00Совет от Анжелы — Как получить работу программиста
00:00Проверка знаний на тему: Создайте свой собственный API
Базы данных
Summary for Базы данных
Базы данных объяснены: SQL против NoSQL
00:00Проект баз данных
00:00Совет от Анджелы — Когда жизнь преподносит лимоны
00:00Проверка знаний на тему: Базы данных
SQL
Summary for SQL
Команды SQL: СОЗДАНИЕ Таблицы и ВСТАВКА Данных
00:00«SQL проект»
00:00SQL команды: READ, SELECT и WHERE
00:00Обновление отдельных значений и добавление столбцов в SQL
00:00«Команды SQL: DELETE»
00:00Понимание SQL отношений, внешних ключей и внутренних соединений
00:00Совет от Анжелы — Найдите Всех Трудолюбивых Людей
00:00Проверка знаний на тему: SQL
PostgreSQL
Summary for PostgreSQL
Введение в Postgres
00:00Как установить PostgreSQL и pgAdmin
00:00Понимание использования ключей, типов и ключевых слов в Postgres
00:00«Флаговые эмодзи на Windows?»
00:00Использование pgAdmin для СОЗДАНИЯ ТАБЛИЦЫ
00:00Чтение данных из базы данных Postgres
00:00Извлечение данных с использованием SELECT, WHERE и LIKE
00:00УНИКАЛЬНЫЙ и НЕ НУЛЕВОЙ
00:00Вставка и добавление данных
00:00«Отслеживание пути. Часть 3»
00:00‘Один к одному и Внутренние объединения’
00:00«Отношения один ко многим»
00:00«Многие ко многим отношения и псевдонимы»
00:00Наблюдатель за семейными поездками
00:00Как обновлять и удалять данные и таблицы
00:00Проект Permalist
00:00Проверка знаний на тему: PostgreSQL
Завершающий проект — Заметки о книге
Summary for Завершающий проект - Заметки о книге
Инструкции
00:00Курс ведущий проект — проект конспектов книг
00:00Проверка знаний на тему: Капстон проект — Заметки по книге
Аутентификация и безопасность — Обработка учетных данных и проектирование безопасного входа в систему
Summary for Аутентификация и безопасность - Обработка учетных данных и проектирование безопасного входа в систему
Введение в Аутентификацию
00:00Аутентификация и безопасность — Работа с учетными данными и проектирование безопасного входа
00:00Уровень 1 — Регистрация пользователей с помощью электронной почты и пароля
00:00Уровень 2 — Шифрование и Хеширование
00:00«Как взламывать пароли»
00:00Уровень 3 — Как посолить пароли для улучшенного шифрования
00:00Управление куками и сессиями
00:00Уровень 5 — Скрывайте свои секреты с помощью переменных среды
00:00Настройка учетных данных Google OAuth
00:00Уровень 6 — OAuth: Реализация «Войти с Google»
00:00Доделка приложения: позволяем пользователям отправлять секреты
00:00Совет от Анджелы — Как работать фрилансером
00:00Проверка знаний на тему: Аутентификация и безопасность — Обработка учетных данных и проектирование безопасного входа в систему
React.js
Summary for React.js
Компоненты Классов против Функциональных Компонентов
00:00«Стрелочные функции JavaScript ES6»
00:00Проект приложения Keeper — Часть 2
00:00Рендеринг условных компонентов в React с использованием тернарного оператора и оператора И (AND)
00:00Практика условного рендеринга
00:00Состояние в React — Декларативное vs. Императивное программирование
00:00Реакт Хуки — useState
00:00Практика использования хука useState
00:00‘Деструктуризация объектов и массивов в Javascript ES6’
00:00Решение задачи на деструктуризацию в Javascript ES6
00:00Обработка событий в React
00:00‘Формы в React’
00:00JavaScript ES6 Map/Filter/Reduce
00:00Изменение сложного состояния
00:00Изменение сложного состояния на практике
00:00`JavaScript ES6 Оператор Распространения`
00:00Практика с оператором расширения (spread) в Javascript ES6
00:00Управление деревом компонентов
00:00Практика управления деревом компонентов
00:00Проект приложения Keeper — Часть 3
00:00Заметка о следующем уроке — Пакеты и Импорты
00:00Проверка знаний на тему: React.js
Зависимости React и стилизация приложения Keeper
00:00Совет от Анжелы — Как создать свой собственный продукт
00:00Компоненты React
00:00«Что мы создадим в этом модуле React»
00:00Введение в Code Sandbox и структура модуля
00:00«[По желанию] Настройка локальной разработки»
00:00Введение в JSX и Babel
00:00Практика кода JSX
00:00Выражения Javascript в JSX и шаблонные строки ES6
00:00Практика использования выражений Javascript в JSX
00:00Атрибуты JSX и стилизация элементов React
00:00Встроенные стили для элементов React
00:00Практика стилизации в React
00:00Что такое React?
00:00Практика компонентов React
00:00Javascript ES6 — Импорт, Экспорт и Модули
00:00Практика импорта, экспорта и модулей в JavaScript ES6
00:00Проект приложения Keeper — Часть 1. Задание
00:00«Решение части 1 для приложения Keeper»
00:00Реакт Пропсы
00:00Практика с пропсами в React
00:00React DevTools
00:00Картирование данных на компоненты
00:00Практика сопоставления данных с компонентами
00:00
