Содержимое курса
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. Введение в элементы изображений в HTML
    , 2. Основы тега `` и его атрибуты
    , 3. Использование атрибута `src` для указания источника изображения
    , 4. Атрибут `alt` и его значение для доступности
    , 5. Управление размерами изображений с помощью атрибутов `width` и `height`
    , 6. Оптимизация изображений для веба
    , 7. Использование изображений в качестве ссылок
    , 8. Форматы изображений: JPEG, PNG, GIF, SVG
    , 9. Практическое задание: Вставка и настройка изображений на веб-странице
    , 10. Заключение и вопросы

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