Основы веб-разработки
Начинающий
Этот курс охватывает основы веб-разработки, включая HTML, CSS и JavaScript. Он идеально подходит для новичков, которые хотят научиться создавать веб-страницы и приложения.
web-developmenthtmljavascript
💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал
- Введение
- Программа
HTML Basics
Создайте свою первую HTML-страницу в WebIDE
Создание базовой структуры и тегов HTML
Создайте свою первую HTML-страницу с изображением
Изучите HTML-комментарии и специальные символы
Создание гиперссылок и навигации с использованием HTML-тегов a
Создание встроенной стилизации текста с использованием тегов span в HTML
Вставка и стилизация изображений в HTML
Создание и стилизация элементов div в HTML
Создание абзацев с использованием HTML-тега p
Понимание HTML-тегов заголовков
Создание списков HTML с различными стилями
Создание HTML-таблиц с использованием базовых атрибутов
Создание элементов HTML-форм с различными типами ввода
HTML5 Basics
CSS Basics
Применение базовых селекторов CSS в веб-разработке
Применение селекторов потомков в CSS
Применение стилей фона в CSS
Стилизация текста с использованием CSS-свойств для текста
Стилизуйте текст с помощью свойств шрифтов CSS
Стилизуйте гиперссылки с использованием псевдо-классов CSS
Стилизация списков с использованием CSS-атрибутов
Настройте стили границ для веб-элементов
Настройте стили ширины границ в CSS
Настройка цветов границ в CSS
Стилизация веб-элементов с использованием границ и отступов в CSS
Применить стили отступов в CSS
Изучите свойства отображения в CSS
Создать макет с фиксированным позиционированием в CSS
Применение относительного позиционирования в CSS
Размещайте элементы абсолютно в CSS
CSS3 Basics
Создание округленных углов с использованием CSS border-radius
Создайте тени коробки с помощью CSS
Создайте CSS3-анимации с использованием функций тайминга
Создайте CSS3-анимации с использованием ключевых кадров
Изучите направление flex в CSS Flexbox
Изучите свойство flex-wrap в CSS Flexbox
Изучите свойство align-items в Flexbox
Изучите свойство align-content в Flexbox
Изучите свойство order Flexbox в CSS
Изучите свойство flex-grow в CSS Flexbox
Понять свойство flex-basis в CSS Flexbox
JavaScript Basics
Определение и использование переменных в JavaScript
Создание и манипуляция массивами в JavaScript
Выполнение арифметических операций в JavaScript
Изучите операторы присваивания в JavaScript
Изучите операторы сравнения в JavaScript
Изучите логические операторы в JavaScript
Использование условного оператора в JavaScript
Изучите условное ветвление в JavaScript
Изучите структуры циклов в JavaScript
Определение и вызов функций в JavaScript
Изучите методы объекта Math в JavaScript
Манипуляция датами с использованием объекта Date в JavaScript
Манипулировать массивами с помощью методов массивов JavaScript
Изучите методы объекта строки в JavaScript
Изучите свойства DOM в JavaScript
Манипуляция элементами DOM с использованием методов JavaScript
Изучите методы Browser Object Model (BOM) в JavaScript
Изучите события мыши в веб-разработке
Обработка событий клавиатуры на веб-странице
Обработка событий ввода формы с помощью JavaScript
Создайте AJAX-запросы с использованием XMLHttpRequest
Преподаватель
Labby
Labby is the LabEx teacher.
Поделиться в Google Classroom
Присоединяйтесь к нашему Discord и учитесь вместе
Присоединиться сейчасОтзывы пользователей
" labex: feedback/ $ echo Great Work"
— Mudasir Ahmad
" Thank you for creating this, when I touched Kali Linux I had no idea and now I use this to learn the basics, thanks!!! Keep doing great stuff like that!"
— Akira Tired
Рекомендовано для вас

