Содержимое курса
Введение в HTML
1. Введение в создание веб-страницы с помощью HTML 2. Создание нового HTML-файла и его сохранение 3. Добавление базовой структуры HTML-документа 4. Указание заголовка страницы с помощью тега `<title>` 5. Добавление заголовка первого уровня с именем путешественника 6. Использование тега `<p>` для описания путешественника, его интересов и опыта 7. Вставка изображения путешественника с использованием тега `<img>` 8. Использование заголовков второго уровня для структурирования страницы 9. Добавление параграфов под заголовками для предоставления дополнительной информации 10. Проверка веб-страницы в веб-браузере 11. Введение в улучшение внешнего вида страницы с помощью CSS 12. Применение встроенных стилей CSS для стилизации веб-страницы 13. Проверка изменений и обсуждение возможных улучшений 14. Заключение и подготовка к следующему уроку
0/8
Что такое HTML?
00:00
Проверка знаний на тему: Введение в HTML
20:00
“Как загрузить материалы курса”
00:00
Элементы заголовков HTML
00:00
Элементы абзаца в HTML
00:00
Самозакрывающиеся теги
00:00
Как добиться успеха в этом курсе
00:00
Создание страницы личного блога
Продвинутый HTML
1. Введение в элементы изображений в HTML , 2. Основы тега `<img>` и его атрибуты , 3. Использование атрибута `src` для указания источника изображения , 4. Атрибут `alt` и его значение для доступности , 5. Управление размерами изображений с помощью атрибутов `width` и `height` , 6. Оптимизация изображений для веба , 7. Использование изображений в качестве ссылок , 8. Форматы изображений: JPEG, PNG, GIF, SVG , 9. Практическое задание: Вставка и настройка изображений на веб-странице , 10. Заключение и вопросы
0/8
Элемент списка
00:00
Проверка знаний на тему: Промежуточный уровень HTML
20:00
“Вложенность и отступы”
00:00
Элементы привязки
00:00
Элементы изображения
00:00
[Проект] Приглашение на день рождения
00:00
Совет от Анжелы – Формирование привычек с помощью календарного трюка
00:00
Получить доступ к ежемесячной рассылке новостей App Brewery
00:00
Многостраничные веб-сайты
Summary for Многостраничные веб-сайты
0/9
Пути к файлам на компьютере
00:00
Проверка знаний на тему: Многостраничные веб-сайты
20:00
Проверка знаний на тему: Многостраничные веб-сайты
20:00
Что такое веб-страницы?
00:00
“Обязательная структура HTML”
00:00
«[Проект] Портфолио Веб-сайт»
00:00
Как бесплатно разместить свой сайт на GitHub
00:00
Введение в курсовые проекты
00:00
Инструкции для первокурсника – онлайн резюме
00:00
Введение в CSS
Summary for Введение в CSS
0/7
«Зачем нам нужен CSS?»
00:00
Проверка знаний на тему: Введение в CSS CSS (Cascading Style Sheets) — это язык стилей, используемый для описания внешнего вида и форматирования документов, написанных на языке разметки, таком как HTML. CSS позволяет отделить содержание веб-страницы от её визуального представления, что упрощает управление стилями и повышает гибкость дизайна. Основные возможности CSS включают: 1. **Стилизация текста**: изменение шрифта, размера, цвета, интервалов и других текстовых свойств. 2. **Форматирование макета**: управление расположением элементов на странице, включая использование отступов, полей, выравнивания и сеток. 3. **Цвета и фоны**: установка фона элементов, включая однотонные цвета, градиенты и изображения. 4. **Границы и тени**: добавление и настройка границ и теней для элементов. 5. **
20:00
Как добавлять CSS
00:00
Викторина по CSS
00:00
‘CSS-селекторы’
00:00
[Проект] Сайт со словарём цветов
00:00
Совет от Анджелы – Как справляться с отвлекающими факторами
00:00
Свойства CSS
Summary for Свойства CSS
0/6
‘Цвета CSS’
00:00
Проверка знаний на тему: Свойства CSS
20:00
Свойства шрифта
00:00
‘Инспектирование CSS’
00:00
Модель коробки CSS – отступы, поля и границы
00:00
«[Проект] Веб-сайт с мотивационными постерами»
00:00
Промежуточный CSS
Summary for Промежуточный CSS
0/6
«Каскад – Специфичность и Наследование»
00:00
Проверка знаний на тему: Промежуточный CSS
20:00
“Комбинирование селекторов CSS”
00:00
‘Позиционирование в CSS’
00:00
[Проект] CSS Флаг
00:00
Совет от Анжелы – Легкие дела не стоят усилий!
00:00
Продвинутый CSS
Summary for Продвинутый CSS
0/8
‘CSS Дисплей’
00:00
Тест Advanced CSS
20:00
Проверка знаний на тему: Продвинутый CSS
20:00
«CSS Float»
00:00
Как создавать адаптивные веб-сайты
00:00
«Медиа-запросы»
00:00
[Проект] Веб-сайт агентства по веб-дизайну
00:00
Совет от Анжелы – Как справиться с прокрастинацией
00:00
Flexbox
Summary for Flexbox
0/8
Отображение: Flex
00:00
Тест Flexbox
20:00
Проверка знаний на тему: Флексбокс
20:00
“Направление Flex”
00:00
“Гибкая верстка”
00:00
“Гибкое Изменение Размеров”
00:00
«[Проект] Таблица цен»
00:00
Совет от Анджелы – Формирование привычки программирования
00:00
Название курса – Полный курс веб-разработки 2024.
Summary for Название курса - Полный курс веб-разработки 2024.
0/6
“Дисплей: Сетка”
00:00
Тест Grid
20:00
Проверка знаний на тему: Сетка
20:00
Размер сетки
00:00
“Размещение в сетке”
00:00
«[Проект] Картина Мондриана»
00:00
Bootstrap
Summary for Бутстрап
0/6
Что такое Bootstrap?
00:00
Тест Bootstrap
20:00
Проверка знаний на тему: Загрузка системы
20:00
“Макет с использованием Bootstrap”
00:00
Компоненты Bootstrap
00:00
[Проект] Веб-сайт стартапа TinDog
00:00
Школа веб-дизайна
Summary for Школа веб-дизайна
0/8
Введение в веб-дизайн
00:00
Тест Web Design School
20:00
Проверка знаний на тему: Школа веб-дизайна
20:00
Понимание теории цвета
00:00
Понимание типографики и выбор шрифта
00:00
«Управляйте ВНИМАНИЕМ с помощью эффективного пользовательского интерфейса»
00:00
Пользовательский опыт
00:00
Веб-дизайн на практике – Применяем полученные знания!
00:00
Завершающий Проект 2 – Персональный Сайт
Summary for Завершающий Проект 2 - Персональный Сайт
0/3
Инструкции
00:00
Тест Capstone Project 2 - Personal Site
20:00
Проверка знаний на тему: Капстон Проект 2 - Персональный Сайт
20:00
Введение в JavaScript ES6
Summary for Введение в JavaScript ES6
0/35
Проверка знаний на тему: Введение в JavaScript ES6
20:00
Тест Introduction to JavaScript ES6
20:00
Тест Introduction to JavaScript ES6
20:00
Тест Introduction to JavaScript ES6
01:00
Тест Introduction to JavaScript ES6
01: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
Уроки 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
20:00
Тест Intermediate JavaScript
20: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
Объектная модель документа (DOM)
Summary for Объектная модель документа (DOM)
0/11
Добавление JavaScript на веб-сайты
00:00
Тест The Document Object Model (DOM)
20:00
Проверка знаний на тему: Объектная модель документа (DOM)
20: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
Boss Level Challenge 1 – Игра в кости
Summary for Boss Level Challenge 1 - Игра в кости
0/13
Испытание: Dicee – вызов.
00:00
Тест Boss Level Challenge 1 - The Dicee Game
20:00
Проверка знаний на тему: Босс Уровень Вызов 1 - Игра в Кости
20: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
jQuery
Summary for jQuery
0/13
Что такое jQuery?
00:00
Тест jQuery
20:00
Проверка знаний на тему: jQuery
20: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
Продвинутый JavaScript и манипуляция DOM
Summary for Продвинутый JavaScript и манипуляция DOM
0/17
Чему Мы Научимся: Ударная Установка
00:00
Проверка знаний на тему: Продвинутая работа с JavaScript и манипуляции с DOM
20:00
Тест Advanced JavaScript and DOM Manipulation
20: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
Босс Уровень Вызов 2 – Игра “Саймон”
Summary for Босс Уровень Вызов 2 - Игра &quot;Саймон&quot;
0/17
Что Вы Сделаете: Игра Симон
00:00
Тест Boss Level Challenge 2 - The Simon Game
20:00
“Играйте в игру”
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
Unix Командная строка
Summary for Unix Командная строка
0/5
Установка Git Bash на Windows
00:00
Тест The Unix Command Line
20:00
Понимание командной строки. Да здравствует командная строка!
00:00
Методы командной строки и навигация по каталогам
00:00
Создание, открытие и удаление файлов через командную строку
00:00
Backend веб-разработка
Summary for Backend веб-разработка
0/3
“Объяснение разработки серверной части веб-приложений”
00:00
Тест Backend Web Development
20:00
Инструменты и технологии бэкенда – какую из них изучить?
00:00
Node.js
Summary for Node.js
0/10
Что такое Node.js?
00:00
Тест Node.js
20:00
Проверка знаний на тему: Node.js
20: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
Express.js с Node.js
Summary for Express.js с Node.js
0/10
Что такое Express?
00:00
Тест Express.js with Node.js
20:00
Проверка знаний на тему: Express.js с Node.js
20:00
Создание нашего первого сервера с помощью Express
00:00
Запросы HTTP
00:00
Почтальон
00:00
Введение в промежуточное программное обеспечение
00:00
Пользовательские промежуточные программы
00:00
Проект доступа к секретам
00:00
Совет от Анджелы – Как Укрепить Свои Знания
00:00
Название курса – Полный курс веб-разработки 2024.
Summary for Название курса - Полный курс веб-разработки 2024.
0/9
Что такое EJS?
00:00
Тест EJS
20:00
Тест EJS
20:00
Проверка знаний на тему: EJS
20:00
“Теги EJS”
00:00
“Передача данных в EJS шаблоны”
00:00
EJS Частичные представления и макеты
00:00
Проект “Генератор группы”
00:00
Совет от Анжелы – Местоположение, Местоположение, Местоположение!
00:00
Интерфейсы программирования приложений (API)
Summary for Интерфейсы программирования приложений (API)
0/9
Введение в API
00:00
Тест Application Programming Interfaces (APIs)
20:00
Проверка знаний на тему: Интерфейсы прикладного программирования (API)
20:00
“Структурирование запросов к API”
00:00
Что такое JSON?
00:00
‘Создание серверных запросов к API с помощью Axios’
00:00
Аутентификация API
00:00
REST API
00:00
Проект “Секреты”
00:00
Завершающий проект – Создание веб-приложения для блога
Summary for Завершающий проект - Создание веб-приложения для блога
0/2
Инструкции
00:00
Тест Capstone Project - Create a Blog web application
20:00
Git, Github и контроль версий
Summary for Git, Github и контроль версий
0/10
Введение в систем управления версиями и Git
00:00
Тест Git, Github and Version Control
20:00
“Управление версиями с помощью Git и командной строки”
00:00
“GitHub и удалённые репозитории”
00:00
“Gitignore”
00:00
Клонирование
00:00
“Ветвление и слияние”
00:00
Необязательное задание по Git
00:00
“Создание форков и пул-реквестов”
00:00
Совет от Анжелы – интервальное повторение
00:00
Заключительный проект – Использование публичного API
Summary for Заключительный проект - Использование публичного API
0/2
Инструкции
00:00
Тест Capstone Project - Use a Public API
20:00
Создайте свой собственный API
Summary for Создайте свой собственный API
0/7
Создание собственных API
00:00
Тест Build Your Own API
20:00
Создание маршрутов GET
00:00
Создание маршрутов POST, PUT и PATCH
00:00
Создание маршрута DELETE
00:00
Создайте собственный API для блога
00:00
Совет от Анжелы – Как получить работу программиста
00:00
Базы данных
Summary for Базы данных
0/3
Базы данных объяснены: SQL против NoSQL
00:00
Тест Databases
20:00
Совет от Анджелы – Когда жизнь преподносит лимоны
00:00
SQL
Summary for SQL
0/7
Команды SQL: СОЗДАНИЕ Таблицы и ВСТАВКА Данных
00:00
Тест SQL
20:00
SQL команды: READ, SELECT и WHERE
00:00
Обновление отдельных значений и добавление столбцов в SQL
00:00
“Команды SQL: DELETE”
00:00
Понимание SQL отношений, внешних ключей и внутренних соединений
00:00
Совет от Анжелы – Найдите Всех Трудолюбивых Людей
00:00
PostgreSQL
Summary for PostgreSQL
0/18
Введение в Postgres
00:00
Проверка знаний на тему: PostgreSQL
20:00
Тест PostgreSQL
20: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
Завершающий проект – Заметки о книге
Summary for Завершающий проект - Заметки о книге
0/2
Инструкции
00:00
Тест Capstone Project - Book Notes
20:00
Аутентификация и безопасность – Обработка учетных данных и проектирование безопасного входа в систему
Summary for Аутентификация и безопасность - Обработка учетных данных и проектирование безопасного входа в систему
0/12
Введение в Аутентификацию
00:00
Тест Authentication and Security - Handling Credentials & Designing a Secure Login
20: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
Тест React.js
20:00
Компоненты Классов против Функциональных Компонентов
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 и стилизация приложения 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
Полный курс Стань Web-разработчиком v.2 обновление 2024
Сначала нажмите Завершен в предыдущем Урок
Элементы заголовков HTML
0% Завершено