С чего начать?
Содержание сайта разбито на несколько тем и областей, ориентированных на пользователей разного уровня подготовки.
Для начинающих последовательность изучения следующая.
Тем, кто уже знаком с HTML и CSS, сложно посоветовать порядок прохождения материалов, поэтому обращаем ваше внимание на следующие рекомендуемые разделы.
- Рецепты HTML и CSS
- Справочники HTML и CSS
- Практикум (высокая сложность)
- Форум
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные материалы
- Самоучитель HTML4
- Самоучитель CSS
- Как добавить картинку на веб-страницу?
- Спецсимволы
- Структура HTML-кода
- Введение в HTML
- Способы добавления стилей на страницу
- Выравнивание текста
- Якоря
- Позиционирование элементов
- Как добавить иконку сайта в адресную строку браузера?
- Ссылки
Веб-разработка. С чего начать
На старте бывает непонятно, какой язык программирования выбрать первым. На самом деле, нет идеального языка, который раз и навсегда определит вашу карьеру. Освоить новый язык программирования — всё равно что выучить ещё один иностранный. Сначала надо определиться, что вам больше подходит: фронтенд или бэкенд.
Выбираем направление
От фронтенда, бэкенда и вот этого всего голова может идти кругом — поэтому давайте определимся что это за направления.
Фронтенд
Вся лицевая сторона. Фронтенд-разработчик отвечает за то, что пользователь видит и с чем взаимодействует на странице. Например: дизайн, визуальные элементы, схемы.
Задачи фронтендера — сделать сайт, который будет решать задачи владельца, одинаково корректно работать на всех устройствах, независимо от браузера и размера экрана и при этом будет удобен пользователю.
Основные инструменты: HTML, CSS и JavaScript.
Подойдёт тем, кто педантично относится к деталям и хочет сразу видеть результат своей работы.
Бэкенд
Невидимая часть сайта. Бэкенд-разработчик отвечает за то, что скрыто от глаз пользователя и работает на сервере. Например: создание базы данных и программы, которые будут записывать информацию в базу, шифрование паролей и ценной информацией, настраивание доступов и системы резервного копирования данных, написание программы, обрабатывающие информацию, невидимую пользователю.
Языков программирования для бэкенда несколько: PHP, Ruby, Python или Node.js. Для бэкенд-разработки нужны системы управления базами данных: MySQL, PostgreSQL, SQLite или MongoDB.
Подойдёт тем, кому интересна работа с данными и решение архитектурных задач.
Вёрстка страниц
Вне зависимости от того, что вы выберете: фронтенд или бэкенд, вам придётся взаимодействовать с веб-страницами. Для этого надо изучить HTML и CSS.
HTML
Это язык гипертекстовой разметки. Отвечает за структуру и содержание страницы. Он состоит из тегов, а тег состоит из имени, заключённого между знаками «меньше» и «больше». Например: , и .
Вспомните, как вы работаете с документом в текстовом редакторе. Пишете текст, фрагменты выделяете курсивом или цветом, вставляете картинки или таблицы. Веб-разработчик делает то же самое в редакторе кода с помощью тегов.
Вместо расширения *.txt тут используется *.html . Оно даёт понять браузеру, что внутри файла находится код веб-страницы. Браузер разбирает его структуру, определяет взаиморасположение элементов и визуализирует их.
HTML Документ Этот текст будет полужирным, а этот — ещё и курсивным.
Веб-стандарты HTML описаны в спецификациях. Это главный источник знаний и для браузеров, и для разработчиков. Важно следить за их обновлениями.
CSS
Это язык, который используется для стилизации вашей разметки. Например: сделать текст красным, выровнять по левую сторону, округлить углы изображения, поиграть со шрифтами, сделать отступы больше или меньше.
p < font-family: "Arial", "Helvetica", sans-serif; >/* свойству font-family передаются сразу несколько шрифтов и название семейства */
Тег отвечает за формирование текстового абзаца. Допустим, нам нужно чтобы все
на странице получили одинаковые свойства. Для этого надо подключить к странице стили. Пока они не подключены никакого эффекта от них не будет. Стили можно встроить внутри HTML-кода страницы (инлайново) или подключить их как внешний файл. Чаще всего стили подключают из внешнего файла с расширением *.css . Так разметка отделяется от стилизации, снижается вероятность ошибки, внешний файл кешируется и не загружается повторно. Для подключения из внешнего файла используется тег .
Знание основ HTML и CSS позволит создавать простые сайты с текстовым наполнением. Если хотите что-то посложнее, не обойтись без языков программирования.
Программирование
JavaScript
Браузерный язык программирования для фронтенд-разработки. Его поддерживают все популярные браузеры. Каждый сайт, каждое веб-приложение, которым вы пользовались содержит JavaScript-код. Его часто рекомендуют для изучения новичкам, потому что он достаточно простой, но содержит все фундаментальные вещи: объектно-ориентированную модель и структуры данных.
Применяется, чтобы оживить HTML-страницы: добавить на страницу обработку действий пользователя или интересные визуальные эффекты. Возможности применения JavaScript ограничиваются только вашей фантазией и поддержкой браузеров. Не путайте его с Java, это совершенно разные языки.
PHP
Серверный язык программирования, на котором пишут бэкендеры. Он создан специально для веб-разработки — написанный на нём код можно внедрить в HTML.
Когда вы открываете свою страницу в социальной сети и вводите логин-пароль, компьютер формирует запрос с вашими данными и отправляет на сервер. На стороне сервера PHP получает информацию из базы данных, которая тоже лежит на сервере и формирует вашу страницу: передаёт на фронтенд имя, фотографию, заполняет поля. Результат оформляется в виде готового HTML и отправляется вам в браузер.
PHP не самый сложный язык, но чтобы раскрыть все его возможности, потребуется изучить и другие технологии. Например, работу с базами данных: язык SQL, а также MySQL, PostgreSQL, SQLite или MongoDB.
База данных — это место, в котором хранятся данные сайта. Это могут быть тексты страниц, списки пользователей с их логинами и паролями, каталоги продукции и многое другое. На PHP пишется серверная логика для интернет-магазинов, сервисов бронирования, а также крупных проектов, которыми пользуются миллионы людей: «Википедия» и «ВКонтакте».
⭐ Познакомиться с PHP поможет бесплатный учебник.
React
Библиотека на языке JavaScript. Используется для создания веб-приложений. Уметь пользоваться библиотеками нужно, чтобы оптимизировать написание кода и не тратить много времени на поиск ошибок. В библиотеке хранятся готовые решения, которые можно использовать для типовых задач.
Чтобы написать приложение с помощью React, недостаточно знать HTML, CSS и JavaScript. Библиотеку придётся изучить отдельно. Но если у вас уже есть базовые знания JavaScript, проблем с этим не будет.
⭐ Если хотите разобраться с основами HTML, CSS, программирования на JavaScript и понять, интересна ли вам веб-разработка, начните с тренажёров.
Полезные материалы
- Как написать и запустить HTML на компьютере
- Как сверстать макет
- Шаблон простого сайта на HTML
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше
10 правил онлайн-собеседований
В мире, полном удалённых работ и учёб, есть много нюансов, о которых легко забыть на онлайн-собеседовании. Делимся по своему опыту:
- 9 октября 2023

Портфолио разработчика. Все секреты
Портфолио — это важный инструмент для любого разработчика, особенно для начинающего. Оно показывает ваши навыки, опыт и квалификацию, привлекает внимание работодателей и повышает шансы на получение оффера мечты.
- 3 июля 2023

8 шагов, чтобы получать 200 тысяч за код
Сохраните в закладки сейчас, скажете спасибо через год. Сначала шаги, в конце каждого этапа — ссылки для внеклассного чтения.
- 12 июня 2023

Верстальщик. Гайд по профессии
В нулевых никаких фронтов не было, и человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. Веб-разработка была маленькой, смешной, но самодостаточной. А потом понеслось.
Верстальщики стали больше писать на JavaScript и начали поглядывать в сторону именования «фронтендер», но всё ещё очень любили делать файлы style.css на десять тысяч строк.
Сейчас же грань размылась — теперь нет разработчиков на React, которые не понимают, как сверстать макет и обвязать всё стилями. При этом спрос на чистых верстальщиков ещё остался — им не обязательно в совершенстве владеть JavaScript, а вот глубоко понимать, как быстро, точно и качественно из макета сделать страницу — обязательно.
В этом и заключается суть работы верстальщиков. Они берут у дизайнеров макет (это картинка, на которой нарисован сайт — К.О.) и собирают из него страницу. Пишут HTML, CSS, используют магию гридов, флексов, какой-нибудь БЭМ. Стараются, в общем, делают. Молодцы.
С другой стороны, HTML сейчас даже в некоторых школах изучают — но отчего-то сразу после школы никто не спешит платить первокурсникам по 500$ за вёрстку. И тут мы приходим к тому, что в 2023 году требуют от верстальщика работодатели.
Мы в HTML Academy работаем над тем, чтобы верстальщики после двух наших интенсивов по вёрстке находили работу, а после интенсива по JavaScript делали это вообще без проблем. И для того, чтобы чему-то обучать, мы должны понять, что требуется рынку сейчас и какие требования выставляет работодатель к верстальщику, чтобы мы могли покрывать такие требования на курсах.
- 8 июня 2023

Как устроиться туда, где закрыты все вакансии
Если вы мечтаете работать в определённой компании, но не нашли вакансий на сайтах по поиску работы — ещё не всё потеряно. Проверьте объявления на других площадках. Если и там ничего нет, воспользуйтесь «обходными путями»: начните со стажировки или познакомьтесь с рекрутёром.
- 14 февраля 2023

Хочу работать в IT, но…
Изучать что-то новое всегда — волнительное и завораживающее событие. Но некоторые останавливаются, даже не начав. Почему так происходит? По разным причинам, но бывают случаи, что из-за мыслей «ещё рано», «уже поздно», «нет технического образования», «не знаю английский». Мы покажем на примерах, что возраст, наличие образования и знание английского — не проблема для смены профессии.
- 19 января 2023

Как стать фулстек-разработчиком
В отличие от фронтендеров и бэкендеров, фулстек-разработчик способен полностью самостоятельно создать сайт или приложение. Такой специалист отлично разбирается в технологиях, базах данных, серверах, умеет разрабатывать веб-приложения и сайты, знает как фронтенд, так и бэкенд. Давайте узнаем, в чём преимущества профессии, насколько она востребована на рынке и как стать топовым специалистом.
Фулстек-разработчик сочетает несколько направлений и может заменить собой пару более узких специалистов. Главная его особенность — это универсальность. Именно поэтому спрос на таких специалистов всегда есть и постоянно растёт. Многим компаниям выгоднее нанять одного универсального разработчика, чем содержать штат программистов.
Топовых фулстек-разработчиков очень мало, они востребованы и имеют возможность выбирать из ряда предложений то, что им интересно. Джуны с небольшим опытом в сфере фулстек-разработки могут рассчитывать на зарплату от 30 до 100 000 ₽ в месяц. Опытный разработчик получает в среднем вдвое больше — 120—200 000 ₽.
Что должен уметь топовый фулстек-разработчик:
- Понимать полный цикл процесса разработки.
- Уверенно знать современный JavaScript (ECMAScript), применять TypeScript.
- Строить архитектуру клиентских и серверных приложений.
- Применять ООП и паттерны проектирования на практике.
- Проектировать и разрабатывать REST API.
- Проводить автоматизированное тестирование фронтенда и бэкенда.
- Работать с базами данных.
Зарплаты фулстек-направления
Исследования компании Хабр Карьеры за 2022 год говорят, что средняя зарплата разработчиков в России составляет 140 000 ₽. Сумма немного различается по регионам. В Москве зарплата подросла за год и составляет 180 000 ₽, в Санкт-Петербурге осталась на уровне начала года — 150 000.
Зарплата фулстек-разработчика в среднем составляет 200 000 ₽ в Москве, 160 000 ₽ в Санкт-Петербурге и 130 000 ₽ в регионах.
Этот анализ зарплат составлен по вакансиям сайта hh.ru.
Также специальность фулстек ценится за границей, зарплаты в Европе и в Америке очень достойные. В Нью-Йорке опытный фулстек зарабатывает 3000—3500 $. В Германии работодатели указывают в вакансиях зарплату 2500—4000 $.
Изучив вакансии и уровень дохода, скорее хочется прокачать навыки и стать фулстек-разработчиком. Что же для этого нужно?
- 20 декабря 2022

Как написать хорошее сопроводительное письмо
Вот вы нашли подходящую вакансию и уже готовы откликнуться — осталось только написать сопроводительное письмо. Оно дополнит резюме и поможет вам выделиться среди остальных кандидатов.
- 14 декабря 2022

К чему готовиться на IT-собеседовании
Перед первым собеседованием фронтендеры часто сидят и переживают — а что будут спрашивать? А как себя вести? А нужно знать всё-всё или достаточно конкретных вещей?
Короткий ответ — всегда и везде по-разному, угадать тяжело. Некоторые компании составляют собственные уникальные задания, другие берут списки популярных вопросов из интернета. Как повезёт.
Чтобы хоть как-то помочь вам, мы поговорили с коллегами из компаний Affinage и Takeoff-staff, компании Pitch, студии Лепёхина и веб-студии Thmoon. Они рассказали, что спрашивают на собеседованиях, как у них проходит тестовое задание и нужно ли фронтендеру уметь вообще всё, чтобы найти работу.
- 1 декабря 2022

Как легко выполнить тестовое задание
Волнуетесь, когда выполняете тестовое задание? Или быстро щёлкаете тестовые как орешки, но долго не получаете оффер? Давайте разберёмся, что важно знать при выполнении тестового задания и каких ошибок лучше избежать, чтобы получить оффер своей мечты.
- 30 ноября 2022
С чего начать изучение html?

Сейчас трудно представить себе человека, работающего с Интернетом, и не знающего что такое html. Многие хотят выучить этот язык. Казалось бы, чего же проще — существует пугающе огромное число книг, посвященных этой теме. Неужели, язык html такой сложный, что ему посвящены огромные тома?
В этой статье я хочу попробовать дать начальные знания о предмете тем людям, которые хотят научиться верстке, направить их в нужное русло. Это не значит, что то, что я написал — непреложная истина. Я просто хочу, чтобы новички немного ориентировались в общих вопросах.
Сейчас трудно представить себе человека, работающего с Интернетом, и не знающего что такое html. Многие хотят выучить этот язык. Казалось бы, чего же проще — существует пугающе огромное число книг, посвященных этой теме. Неужели, язык html такой сложный, что ему посвящены огромные тома?
В этой статье я хочу попробовать дать начальные знания о предмете тем людям, которые хотят научиться верстке, направить их в нужное русло. Это не значит, что то, что я написал — непреложная истина. Я просто хочу, чтобы новички немного ориентировались в общих вопросах.
Для начала, я хотел бы привести примерный план этой статьи. Если кому-то что-то не интересно — может смело пропустить.
Что такое html и зачем он нужен
Что такое html и зачем он нужен
html — это не язык программирования, как многие думают. Это всего лишь, язык разметки. Его назначение — определять структуру документа. Если кто-то вам скажет, что html нужен, чтобы определять внешний вид странички — не верьте ему! Этот человек либо из прошлого, либо не совсем понимает предмет.
html определяет семантическое (смысловое) расположение элементов. Какой абзац за каким следует, какое содержимое связано логически, а какое представляет из себя совсем разные наборы данных, куда вставить картинку и куда перейти по нажатию на эту ссылку. В принципе, если бы сейчас для верстки страниц применялся только html, все сайты вряд ли бы сильно отличались внешне. Если кто-то скажет, что установка фоновой картинки — задача html — плюньте ему в лицо не верьте ему.
Поддержкой html, как и многих других технологий, связанных с web, занимается консорциум W3C. Если вы хотите узнать все из первых рук — пожалуйте на их сайт. Но должен вас предупредить: спецификации, выпускаемые W3C, носят рекомендательный характер, поэтому браузеры всегда по-разному воспринимают один и тот же html код. Это делает верстку гораздо сложнее, чем она есть на самом деле.
В настоящее время последняя спецификация html имеет номер 4.0. Есть так же, язык xhtml, который гораздо более требователен к разработчику, потому что содержит более жесткие стандарты. Так, тэги в html могут писаться в любом регистре, а в xhtml — только в нижнем. И так далее. Я придерживаюсь спецификации xhtml и буду ниже описывать ее.
Язык html составляет набор тэгов. Это директивы браузеру, которые указывают ему сруктуру вашего документа. Прошу заметить: структуру . За внешний вид сегодня отвечает другая технология — CSS, разговор о которой пойдет ниже. Для того, чтобы выучить html, по сути, нужно выучить набор тэгов и их аттрибутов и все! Можно приступать к созданию тестовых сайтов.
Какие тэги нужно знать?
Для того, чтобы начать работу, нужно выучить небольшой набор тэгов. Сейчас я приведу их перечисление, сгруппировав по определенным признакам. (Группировка является моим субъективным видением предмета и не претендует на абсолютную истинность)
- Основные: html, head, title, body;
- Структурные: div, span;
- Текстовые: p, ul, ol, li, h1-h6, br, pre;
- Таблицы: table, tr, td;
- Ссылки: a;
- Мультимедиа: img, object;
- Фреймы: frameset, frame, iframe;
- Формы: form, input, textarea, label, select, option;
- Факультативные: hr;
- Специальные: script, link, meta;
Как видно, тэгов не так уж и много. Однако, их изучение может занять значительное время, потому что многие из этих тэгов могут снабжаться атрибутами, которые заставляют эти элементы вести себя как-то не так.
Кто-то может возмутиться и сказать, что знает другие тэги, которые работают. Да, действительно, я привел список не всех тэгов, поддерживаемых браузерами. Однако, эти тэги являются основными, и человек, который знает их может сказать, что он знает html. Я нарочно не включал в свой список тэги типа font, которые являются устаревшими. Эти тэги настолько плохи, что даже говорить о них нет смысла, потому что сейчас есть значительно более мощные средства, позволяющие управлять внешним видом страниц и их частей. Лично я считаю необходимым и достаточным знание вышеприведенных тэгов. Потому что остальные либо нужны очень редко, либо не нужны вовсе. А посему, я предлагаю начинать изучение html с изучения этих тэгов.
Как сделать красиво?
Тот, кто попытается сверстать страничку при помощи вышеприведенных тэгов, получит в результате, довольно скромнооформленную страницу, которая будет белой с черным текстом и синими ссылками. Кое-кому, возможно, удастся разнообразить позиционирование блоков информации при помощи таблиц и атрибутов align. Кто-то попытается оживить страницу при помощи вставки картинок. Однако, есть специальное средство для настройки внешнего вида страниц. Это CSS.
Сейчас практически ни один сайт не обходится без применения технологии CSS. Именно на CSS возложена миссия определения оформления документа. Фон страницы, отступы, выравнивания, шрифты, цвета и многое другое находится в компетенции CSS. Поэтому сейчас рекомендуется не использовать теги и атрибуты, определяющие оформление страниц и элементов, а использовать вместо них правила CSS. О том, как же применять CSS лучше почитать в книгах. Но я хочу сказать, что если вы встретили тэг или атрибут, определяющий внешний вид элемента, 10 раз подумайте, прежде, чем применять его! Лучше узнайте, какое правило CSS отвечает за отображение элемента в таком виде, в котором вы хотите его видеть. За очень редким исключением, такое правило находится всегда.
С чего лучше начать изучение верстки?
Верстать лучше всего начинать после того, как поймешь принципы работы веб. Лично я бы составил такой план обучения:
- Изучение принципов работы web и структуры клиент-сервер
- Изучение тэгов и их атрибутов, с практическими занятиями по их применению
- Изучение правил CSS с практическими занятиями по их применению
- Изучение табличной верстки
- Верстка простого макета таблицами
- Верстка сложного макета таблицами
- Изучение директив DOCTYPE
- Изучение блочной верстки (тэг div)
- Верстка простого макета дивами
- Верстка сложного макета дивами
- Хитрости, приемы, хаки и прочие премудрости от гуру
В принципе, для начального уровня подготовки и знания основ html, достаточно пройти только первые 5 пунктов. (такой вариант будет идеальным для веб-программистов, которые не будут верстать сайты. Знание html им нужно только для того, чтобы выводить данные, полученные в результате выполнения скрипта.)
Итог
В этой статье я хотел дать направление тем, кто хочет начать изучение html. Они могут начать учиться прямо сейчас, находя, при помощи поисковых систем, необходимую информацию и экспериментируя дома. Ведь для начала тренировок нужно очень мало — браузер, текстовый редактор и неплохой справочник.
Все, что я писал выше — мой субъективный взгляд на изучение технологий верстки. Он не претендует на абсолютную истинность, поэтому вы можете не соглашаться со мной и изучать верстку своим способом и по своей программе. Однако, тем, кто не знает с чего начать, можно порекомендовать хотя бы начать учиться, придерживаясь этих моих советов. В конце концов, всегда можно свернуть с проторенного пути и пойти своим.
- С чего начать изучение html?
- Основы html. Общие правила. Блочные и строчные элементы.
- Основы html 2. Абзацы, списки, заголовки.
- Основы html 3. Таблицы.
- Основы html 4. Ссылки.
- Основы html 5. Формы.
- Основы html 6. Формы (продолжение).
- Основы html 7. textarea.
Если вам понравился данный мини-курс, или он вызвал вопросы или пожелания, если вы хотите поспорить о чем-то — я был бы рад вашему отзыву в комментариях или по почте.
- Динамическая подгрузка JavaScript
- Основы html 3. Таблицы.
- Строим гистограммы на Perl + html + css
- Основы html 7. textarea.
- Загрузка втростепенного контента Ajax-ом
- Делаем классную ленту изображений с автопрокруткой
- Основы html 2. Абзацы, списки, заголовки.
- Выбор пунктов из таблицы на JS
5 этапов самостоятельного изучения HTML и CSS: с чего начать?

Овладеть на базовом уровне HTML и CSS самостоятельно вполне возможно. Более того, это довольно просто, если подойти к этому вопросу серьезно. И мы в Wezom Академии советуем самостоятельно овладеть азы всем тем, кто планирует учиться на нашем курсе «HTML5 + CSS3 + JS с нуля до готового проекта». Ведь имея за плечами даже небольшой багаж знаний и навыков, вы скорее будете овладевать новым материалом и лучше ориентироваться в более сложных темах.
Как же самостоятельно изучить HTML и CSS? Можем предоставить вам следующий план действий по пяти пунктам!
Общее понимание темы
Для начала важно просто понять, что такое HTML и CSS, как они связаны, как взаимодействуют между собой и для чего используются. Информации в Сети и в нашем блоге предостаточно.
Почитать теорию можно даже в той же Википедии. Но советуем все же подходить к обучению с более практической стороны. Обратите внимание на веб-справочник CSS.IN.UA — здесь вы найдете не только всю необходимую терминологию и ее толкование, но и множество примеров кода, HTML-тегов, CSS-свойств и т.д. Собственно, рекомендуем добавить этот сайт в закладки вашего браузера — в процессе дальнейшего обучения обязательно понадобится в качестве шпаргалки.
Овладейте HTML
Советуем поначалу немного ознакомиться с историей версий HTML, чтобы лучше понять логику эволюции языка разметки гипертекста. После этого переходите непосредственно к практическому изучению:
- HTML-теги
- HTML-атрибуты
- HTML-события
Много информации можно найти на сайтах DEVELOPER.MOZILLA.ORG и W3C. Или на вышеупомянутом ресурсе CSS.IN.UA. При этом советуем не просто читать информацию, а установить редактор кода (например, VS Code) и сразу начинать писать код с тегами.
Совет! Если вы по каким-либо причинам не готовы устанавливать редактор кода и работать с ним, можно использовать онлайн-редактор непосредственно в браузере. К примеру, вот этот. В одном окне можно писать код, а в другом — сразу видеть результат. Рекомендуем найти инструкцию, как подключать CSS-стили, потому что по умолчанию в приведенном онлайн-редакторе они не подключены.
Изучение CSS
После изучения основных меток HTML необходимо переходить к изучению свойств и селекторов CSS. Опять же все необходимое можно найти на сайте CSS.IN.UA. И также советуем использовать новые знания на практике в редакторе кода, чтобы сразу видеть, как это работает.
Практика
Дальше – самое интересное!
Чуть-чуть познакомившись с базовыми тегами, свойствами и селекторами, советуем переходить к более сложным задачам. Теперь вам точно понадобится автономный редактор кода — Sublime Text, Atom, Visual Studio Code или другой.
Вариантов практики множество:
- Найдите в Сети сайт с простым дизайном и попробуйте воспроизвести его, используя HTML и CSS.
- Найдите PSD-макеты и так же верстайте по ним.
- Поищите на YouTube видео с процессом верстки страниц и повторяйте по автору.
- Попробуйте онлайн-тренажеры по HTML и CSS. Их достаточно много в сети, но значительная часть — жалованья.
Упражняйтесь как можно больше! Не стесняйтесь искать информацию и подсказки в Интернете. В начале без этого никак не обойтись. Со временем вы станете самостоятельнее и все реже будете «гуглить» нужные теги или свойства.
Онлайн-обучение
Ну и несколько слов по онлайн-обучению. Сейчас в Сети есть огромное количество информации в свободном доступе. Но здесь важно несколько моментов:
- Насколько эта информация актуальна?
- Достаточно ли она структурирована и грамотно представлена?
- Как вы можете использовать полученные знания и навыки?
Курс «Frontend разработка. Junior верстальщик»
Хочешь получить обучение от Олега Дутченко?
На курсе научимся:
- Верстать сложные сайты с адаптивным отзывчивым дизайном и семантической вёрсткой
- Работать с системой контроля версий Git
- Работать с дизайн макетом в сервисе Figma и с JavaScript
- Работать с системой контроля версий Git
- Автоматизировать процесс разработки и контроль качества
- И еще деплоить проект в облачный сервис
Заказать консультацию
Мы же в свою очередь приглашаем вас на наш онлайн-курс «HTML5+CSS3+JS с нуля до готового проекта» и гарантируем вам по-настоящему комплексный подход. Но в любом случае советуем перед этим начать самостоятельное изучение темы, ведь вас ждет еще очень много новых знаний. И лучше быть готовым!
