Содержимое курса
Frontend веб-разработка
Summary for Frontend веб-разработка
0/3
Скачать необходимое программное обеспечение
00:00
«Как на самом деле работает Интернет?»
00:00
«Как на самом деле работают веб-сайты?»
00:00
Введение в HTML
1. Создать базовую структуру HTML-документа с использованием тега `` и тега `` 2. Добавить в документ тег `` и внутри него создать тег `<title>` с названием блога 3. Внутри тега ``, добавить метатег `` для указания кодировки 4. Создать тег `` для размещения основного содержимого страницы 5. Внутри тега ``, добавить заголовок `<h1>` с именем автора блога 6. Добавить несколько параграфов `<p>` с описанием интересов и увлечений автора 7. Вставить изображение профиля с использованием самозакрывающегося тега `<img>` и указанием атрибута `src` для ссылки на изображение 8. Добавить атрибут `alt` к тегу `<img>` для описания изображения 9. Проверить корректность отображения страницы в веб-браузере 10. При необходимости, внести правки в HTML-код для улучшения структуры и оформления
0/6
Что такое HTML?
00:00
Элементы заголовка HTML
00:00
‘Элементы абзаца в HTML’
00:00
Самозакрывающиеся теги
00:00
Создание простой веб-страницы
00:00
Проверка знаний на тему: Введение в HTML
Продвинутый HTML
1. Введение в концепцию вложенности в HTML 2. Правила и рекомендации по использованию вложенности 3. Примеры правильной и неправильной вложенности 4. Важность отступов для читаемости кода 5. Практические упражнения по созданию вложенных структур 6. Инструменты и редакторы для автоматизации отступов 7. Заключение и лучшие практики 8. Вопросы и ответы
0/6
Элемент списка
00:00
«Вложенность и отступы»
00:00
Элементы якоря
00:00
Элементы изображения
00:00
Создание простой веб-страницы с описанием путешественника продолжение
00:00
Проверка знаний на тему: Промежуточный уровень HTML
Многостраничные веб-сайты
Summary for Многостраничные веб-сайты
0/9
Пути к файлам на компьютере
00:00
Что такое веб-страницы?
00:00
«Обязательная структура HTML»
00:00
«[Проект] Портфолио Веб-сайт»
00:00
Как бесплатно разместить свой сайт на GitHub
00:00
Введение в курсовые проекты
00:00
Инструкции для первокурсника — онлайн резюме
00:00
Проверка знаний на тему: Многостраничные веб-сайты
20:00
Проверка знаний на тему: Многостраничные веб-сайты
Введение в CSS
Summary for Введение в CSS
0/7
«Зачем нам нужен CSS?»
00:00
Как добавлять CSS
00:00
Викторина по CSS
00:00
‘CSS-селекторы’
00:00
[Проект] Сайт со словарём цветов
00:00
Совет от Анджелы — Как справляться с отвлекающими факторами
00:00
Проверка знаний на тему: Введение в CSS
Свойства CSS
Summary for Свойства CSS
0/6
‘Цвета CSS’
00:00
Свойства шрифта
00:00
‘Инспектирование CSS’
00:00
Модель коробки CSS — отступы, поля и границы
00:00
«[Проект] Веб-сайт с мотивационными постерами»
00:00
Проверка знаний на тему: Свойства CSS
Промежуточный CSS
Summary for Промежуточный CSS
0/6
«Каскад — Специфичность и Наследование»
00:00
«Комбинирование селекторов CSS»
00:00
‘Позиционирование в CSS’
00:00
[Проект] CSS Флаг
00:00
Совет от Анжелы — Легкие дела не стоят усилий!
00:00
Проверка знаний на тему: Промежуточный CSS
Продвинутый CSS
Summary for Продвинутый CSS
0/7
‘CSS Дисплей’
00:00
«CSS Float»
00:00
Как создавать адаптивные веб-сайты
00:00
«Медиа-запросы»
00:00
[Проект] Веб-сайт агентства по веб-дизайну
00:00
Совет от Анжелы — Как справиться с прокрастинацией
00:00
Проверка знаний на тему: Продвинутый CSS
Flexbox
Summary for Flexbox
0/7
Отображение: Flex
00:00
«Направление Flex»
00:00
«Гибкая верстка»
00:00
«Гибкое Изменение Размеров»
00:00
«[Проект] Таблица цен»
00:00
Совет от Анджелы — Формирование привычки программирования
00:00
Проверка знаний на тему: Флексбокс
Название курса — Полный курс веб-разработки 2024.
Summary for Название курса - Полный курс веб-разработки 2024.
0/5
«Дисплей: Сетка»
00:00
Размер сетки
00:00
«Размещение в сетке»
00:00
«[Проект] Картина Мондриана»
00:00
Проверка знаний на тему: Сетка
Bootstrap
Summary for Бутстрап
0/5
Что такое Bootstrap?
00:00
«Макет с использованием Bootstrap»
00:00
Компоненты Bootstrap
00:00
[Проект] Веб-сайт стартапа TinDog
00:00
Проверка знаний на тему: Загрузка системы
Школа веб-дизайна
Summary for Школа веб-дизайна
0/8
Введение в веб-дизайн
00:00
Проект школы веб-дизайна
00:00
Понимание теории цвета
00:00
Понимание типографики и выбор шрифта
00:00
«Управляйте ВНИМАНИЕМ с помощью эффективного пользовательского интерфейса»
00:00
Пользовательский опыт
00:00
Веб-дизайн на практике — Применяем полученные знания!
00:00
Проверка знаний на тему: Школа веб-дизайна
Завершающий Проект 2 — Персональный Сайт
Summary for Завершающий Проект 2 - Персональный Сайт
0/3
Инструкции
00:00
Капstone проект 2 — Проект личного сайта
00:00
Проверка знаний на тему: Капстон Проект 2 - Персональный Сайт
Введение в JavaScript ES6
Summary for Введение в JavaScript ES6
0/32
Введение в проект на 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
0/21
Промежуточный проект на 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)
0/11
Добавление 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 - Игра в кости
0/12
Испытание: 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
0/13
Что такое 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
0/17
Чему Мы Научимся: Ударная Установка
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 - Игра &quot;Саймон&quot;
0/17
Что Вы Сделаете: Игра Симон
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 Командная строка
0/6
Установка Git Bash на Windows
00:00
Проект командной строки Unix
00:00
Понимание командной строки. Да здравствует командная строка!
00:00
Методы командной строки и навигация по каталогам
00:00
Создание, открытие и удаление файлов через командную строку
00:00
Проверка знаний на тему: Командная строка Unix
Backend веб-разработка
Summary for Backend веб-разработка
0/4
«Объяснение разработки серверной части веб-приложений»
00:00
Проект по разработке серверной части веб-приложений
00:00
Инструменты и технологии бэкенда — какую из них изучить?
00:00
Проверка знаний на тему: Разработка серверной части веб-приложений
Node.js
Summary for Node.js
0/9
Что такое 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
0/9
Что такое 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.
0/7
Что такое EJS?
00:00
«Теги EJS»
00:00
«Передача данных в EJS шаблоны»
00:00
EJS Частичные представления и макеты
00:00
Проект «Генератор группы»
00:00
Совет от Анжелы — Местоположение, Местоположение, Местоположение!
00:00
Проверка знаний на тему: EJS
Интерфейсы программирования приложений (API)
Summary for Интерфейсы программирования приложений (API)
0/8
Введение в API
00:00
«Структурирование запросов к API»
00:00
Что такое JSON?
00:00
‘Создание серверных запросов к API с помощью Axios’
00:00
Аутентификация API
00:00
REST API
00:00
Проект «Секреты»
00:00
Проверка знаний на тему: Интерфейсы прикладного программирования (API)
Завершающий проект — Создание веб-приложения для блога
Summary for Завершающий проект - Создание веб-приложения для блога
0/3
Инструкции
00:00
Курс итогового проекта — Создание проекта веб-приложения блога
00:00
Проверка знаний на тему: Курсовой проект - Создание веб-приложения для блога
Git, Github и контроль версий
Summary for Git, Github и контроль версий
0/11
Введение в систем управления версиями и 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
0/3
Инструкции
00:00
Капstone проект — Использование публичного API проекта
00:00
Проверка знаний на тему: Капстон-проект - Использование публичного API
Создайте свой собственный API
Summary for Создайте свой собственный API
0/8
Создание собственных 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 Базы данных
0/4
Базы данных объяснены: SQL против NoSQL
00:00
Проект баз данных
00:00
Совет от Анджелы — Когда жизнь преподносит лимоны
00:00
Проверка знаний на тему: Базы данных
SQL
Summary for SQL
0/8
Команды SQL: СОЗДАНИЕ Таблицы и ВСТАВКА Данных
00:00
«SQL проект»
00:00
SQL команды: READ, SELECT и WHERE
00:00
Обновление отдельных значений и добавление столбцов в SQL
00:00
«Команды SQL: DELETE»
00:00
Понимание SQL отношений, внешних ключей и внутренних соединений
00:00
Совет от Анжелы — Найдите Всех Трудолюбивых Людей
00:00
Проверка знаний на тему: SQL
PostgreSQL
Summary for PostgreSQL
0/17
Введение в 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 Завершающий проект - Заметки о книге
0/3
Инструкции
00:00
Курс ведущий проект — проект конспектов книг
00:00
Проверка знаний на тему: Капстон проект - Заметки по книге
Аутентификация и безопасность — Обработка учетных данных и проектирование безопасного входа в систему
Summary for Аутентификация и безопасность - Обработка учетных данных и проектирование безопасного входа в систему
0/13
Введение в Аутентификацию
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
0/46
Компоненты Классов против Функциональных Компонентов
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:00
JavaScript 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:00
Javascript ES6 — Импорт, Экспорт и Модули
00:00
Практика импорта, экспорта и модулей в JavaScript ES6
00:00
Проект приложения Keeper — Часть 1. Задание
00:00
«Решение части 1 для приложения Keeper»
00:00
Реакт Пропсы
00:00
Практика с пропсами в React
00:00
React DevTools
00:00
Картирование данных на компоненты
00:00
Практика сопоставления данных с компонентами
00:00
Веб разработка — Полный курс веб разработки 2024
    Об уроке

    1. Введение в веб-сайты и их роль в интернете
    , 2. Основные компоненты веб-сайта: клиент и сервер
    , 3. Как браузеры запрашивают и отображают веб-страницы
    , 4. Протоколы HTTP и HTTPS: основы передачи данных
    , 5. Структура веб-страницы: HTML, CSS и JavaScript
    , 6. Введение в доменные имена и DNS
    , 7. Хостинг и серверы: где живут веб-сайты
    , 8. Основы безопасности веб-сайтов
    , 9. Практическое задание: анализ работы простого веб-сайта
    , 10. Заключение и обзор ключевых моментов урока

    Назад
    Далее
    0% Завершено