Тонкости верстки

  • 0.0
Approx. 11 hours to complete
Save Course
Go to Course

Course Summary

Learn the intricacies of web development with Tonkosti Verstki, a course that will walk you through the process of creating stunning and functional websites.

Key Learning Points

  • Understand the basics of HTML, CSS, and JavaScript
  • Learn how to design websites that are both attractive and functional
  • Get hands-on experience with real-world projects

Related Topics for further study


Learning Outcomes

  • Create responsive and user-friendly websites
  • Design web pages that are both visually appealing and functional
  • Understand the basics of web development and coding

Prerequisites or good to have knowledge before taking this course

  • Basic computer skills
  • No prior coding experience required

Course Difficulty Level

Beginner

Course Format

  • Online Self-Paced
  • Video Lectures
  • Hands-On Projects

Similar Courses

  • Web Design for Everybody: Basics of Web Development & Coding
  • The Complete Web Developer Course 2.0

Related Education Paths


Notable People in This Field

  • Chris Coyier
  • Jen Simmons

Related Books

Description

Этот курс продолжает обучение тех, кто уже познакомился с основами HTML и CSS. На очереди всякие изыски: отображение сложных элементов, изучение различий между браузерами и графика.

В конечном итоге вы сможете сами сверстать страницу любой сложности. Авторы курса — разработчики из Яндекса.

Outline

  • Модель отображения, часть 1
  • Всё есть прямоугольники
  • Создание боксов
  • Нюансы работы с margin, padding и border
  • Немного о математике блочных элементов
  • Боксы инлайн-уровня
  • Задание для тренировки в работе с боксовой моделью
  • Мяндекс.Муррркет: решение
  • FAQ по заданиям на взаимную оценку
  • Ссылки из видео
  • Telegram специализации
  • Анкета для слушателя

  • Модель отображения, часть 2
  • Относительная система позиционирования
  • Абсолютная система позиционирования
  • Позиционирование fixed и sticky
  • Контекст наложения
  • Плавающие элементы
  • Блочный контекст форматирования
  • Практические примеры
  • Задание для тренировки в работе с различными видами позиционирования
  • Задание для тренировки
  • Бабуленькин урожай. Решение
  • FAQ по заданиям на взаимную оценку
  • Ссылки из видео

  • Модель отображения. Часть 3
  • Разметка
  • Спецификация flexbox
  • Спецификация grid
  • Бабуленькины котятки. Решение
  • FAQ по заданиям на взаимную оценку
  • Ссылки из видео
  • Конспект лекций

  • Браузеры
  • Основные группы браузеров
  • Как браузер читает HTML и CSS?
  • Как применяется CSS?
  • Компоновка
  • Отрисовка и