Logotype

HTML & CSS

HTML&CSS — первый шаг для начинающих в IT

Изучите базовые технологии Frontend-разработки, не требующие подготовительных знаний

Пройдите модуль HTML & CSS за 2 недели и получите доступ навсегда

html-icon

В этом модуле выстроите фундамент для старта в веб-разработке. Программа для тех, кто хочет попробовать себя в IT

  • 32

    HD видеоуроков содержит курс

  • 3-15

    минут длятся видеоуроки

  • 10

    тестовых заданий для закрепления + проект

Этот модуль подойдет

Все получится!

Ищете себя

Если вы хотите попробовать себя в роли разработчика и понять ваше это или нет. Обучение покажет, что программирование проще, чем кажется.

Определились

Если вы решили стать разработчиком, и вам нужны базовые технологии без лишней информации. Сделаете первый шаг к карьере веб-разработчика.

Первые шаги будущего разработчика

Шаг 1 - 14 дней

Изучить основы HTML&CSS

Узнаете необходимую для разработки сайтов базу и основательно закрепите её

icon-arrow
Сделать простой сайт

Первые шаги будущего разработчика

Шаг 1 - 14 дней

Изучить основы HTML&CSS
icon-arrow
Сделать простой сайт

Применив полученные знания, самостоятельно разработаете свой первый сайт

Первые шаги будущего разработчика

Шаг 2 - 7 месяцев

Совершенствовать знания
Узнаете на курсе «Профессия Джуниор Frontend-разработчик»Подробнее
icon-arrow
Брать более сложные проекты

Сейчас у вас возникают вот такие вопросы:

У меня получится?
Что такое Frontend? В чем отличия от Backend?
Разработчики общаются на непонятном языке. Я их не понимаю
В интернете много сложного материала. КАК все это изучить?
Как трудоустроиться в этой сфере?
Сколько времени нужно, чтобы усвоить весь материал?
Мне интересно, но я не могу понять, моё ли это?
Я смогу остаться прежним человеком?
Сколько нужно времени, чтобы стать Junior-разработчиком?

Начинать нужно с основ!

Чтобы научиться писать слова, нужно выучить букварь. А для начала карьеры Frontend-разработчика нужно изучить HTML&CSS.

Начинать нужно с основ!

Без этих инструментов дорога в разработку, связанную с интернетом, закрыта.

HtmlCSS
HtmlCSS

<!DOCTYPE HTML>

<html>

<head>

<title>My first styled page</title>

</head>

<body>

<ul class="navbar">

<li><a href="index.html">Home page</a></li>

<li><a href="about.html">About me</a></li>

<li><a href="projects.html">Projects</a></li>

<li><a href="links.html">Links</a></li>

</ul>

<h1>Hello there!</h1>

<p>My name is Dmitriy and it’s my first portfolio site</p>

</body>

</html>

body{

background: #c0c0c0; /* Меняется фон экрана, выбирается здесь */

}


#wrapper{ /* Оболочка страницы сайта */

width: 900px; /* Меняется ширина страницы */

margin: 0 auto;

background: #f2e8c9; /* Меняется задний фон страницы */

}


/* Шапка сайта */


#header{

position: relative;

height: 250px;

background-color: #ffffff;

margin-bottom: 5px;...

HTMLОписывает то, как располагается контент на странице сайта
CSSГоворит, как будет выглядеть элемент внешне.

Что включено в модуль HTML&CSS

  • icon

    32 урока в HD

    Уроки записаны в хорошем качестве видео и звука.

  • icon

    от 3 до 15 минут

    Структура обучения разработана, чтобы давать самую необходимую информацию поэтапно

  • icon

    10 тестовых задач

    Изученный материал сразу закрепите на практике и проверите усвоенные из уроков знания

  • icon

    Чат с куратором

    Где получите ответ на вопросы по обучению

  • icon

    Служба заботы

    Всегда будет рядом при возникновении организацонных вопросов.

  • icon

    Онлайн-доступ

    Получаете онлайн-доступ к материалу на 2 недели. Это сделано, чтобы вы не откладывали учебу в долгий ящик.

Программа обучения

  • Модуль 1

    HTML

    Занятия

    • 1. Как работает Web
    • 2. Что такое HTML&CSS
    • 3. Основы и синтаксис
    • 4. Текстовый редактор VSCode
    • 5. Структура HTML-документа
    • 6. Секция Head
    • 7. Работа с текстом
    • 8. Картинки и ссылки
    • 9. Списки
    • 10. Таблицы
    • 11. Формы
    • 12. Линейные и блочные элементы
    • 13. Классы, ID
    • 14. HTML 5 Семантика
    • 15. Загружаем сайт на Github

    Результат

    Поймете, как устроены веб-технологии.

    Без барьеров напишете первый код, даже если никогда его не писали.

    Создадите структуру страницы и увидите результат своей работы.

  • Модуль 2

    CSS

    Занятия

    • 1. Что такое CSS
    • 2. Синтаксис CSS
    • 3. Способы подключения CSS
    • 4. Селекторы
    • 5. Как работать с DevTools
    • 6. Работа с текстом
    • 7. Цвета
    • 8. Границы элементов
    • 9. Box Model
    • 10. Ссылки и псевдоселекторы
    • 11. Списки и таблицы
    • 12. Свойство display. Inline & Block & Inline-block
    • 13. Свойство Position
    • 14. Введение в адаптивную верстку с Media
    • 15. Deploy

    Результат

    При помощи CSS научитесь изменять размер, форму, цвет и другие визуальный характеристики элементов, созданные в HTML.

    Получите основы адаптивной верстки

Теория важна, но все навыки появляются только на практике

20%
Теория
80%
Практика

20% теории и 80% практики — вы получаете материал, построенный по принципу коротких видео, что позволяет его тут же применить на практике.

В процессе курса вы разрабатываете свой готовый сайт и на выходе получаете не просто набор знаний, а личный первый опыт.

Начните обучение сейчас

  • Основы HTML&CSS

    Сделайте первый шаг к карьере разработчика

    • Четкие дедлайны, которые стимулируют сделать проект
    • Готовый проект, который будет работать
    • За неделю освоите HTML и CSS
    • Поймете все необходимые шаги для трудоустройства
  • Уникальная возможность

    2 недели

    Проходите модуль за 2 недели — получаете доступ ко всем материалам навсегда

    Почему не дать доступ навсегда? — Нам важно, чтобы вы не забрасывали учебу в долгий ящик и все же обучились желанной профессии

Автор обучения

vladilen minin

Владилен Минин

Senior Frontend Developer

  • Более 8 лет опыта
  • Тимлид для команд разработки более 10 человек
  • Более 6 лет обучает JavaScript
  • Опыт коммерческой разработки более 8 лет
  • 24 000 студентов онлайн
  • Автор YouTube канала более чем с 275 000 подписчиками

Почему мы этим занимаемся

Доказываем, что попасть в IT — реально и доступно

Обучаем на практике, по самой новой информации и «без воды»

Даем реальные задачи, над которыми работают в IT-компаниях прямо сейчас

Помогаем найти работу, сделать качество жизни лучше и начать карьеру в разработке

vladilen.ru

Подпишитесь

  • ИП Минин В. И.;
  • ИНН 781714316555;
  • ОГРНИП 317784700113455

Любое использование материалов с данного сайта, допускается не иначе как с письменного разрешения его правообладателя - 781714316555 ИНН/ОГРНИП номер от 317784700113455. В случае Использования материала с сайта и нарушение авторских и смежных прав, правообладателя наказывается в соответствии со ст 146 УК РФ. Вся информация предоставленная на сайте ни при каких условиях не является публичной офертой, определяемой положениями Статьи 437 (2) Гражданского кодекса РФ

Мы используем cookie. Продолжая использовать сайт, Вы даете свое согласие на использование cookie для хранения данных. Подробнее