Этот раздел сайта полностью посвящен двум языкам создания сайта, а именно HTML и CSS. Здесь вы сможете поэтапно изучить языки, узнать все от основ до самых сложных моментов.
Знания HTML, CSS и JS недостаточно. По крайней мере, если вы хотите работать самостоятельно
Перевод статьи «HTML, CSS https://techrocks.ru/2020/06/02/what-you-need-to-know-as-an-independent-dev/» target=»_blank»]techrocks.ru[/mask_link]
С чего начать изучение HTML и CSS: самостоятельное обучение верстке с нуля
Верстальщик – это еще не фронтенд-разработчик, но начинать вход в эту профессию точно нужно с верстки. Да и просто верстать сайты и приложения – вполне достойная и оплачиваемая работа. Статья посвящается всем, кто решил пойти этой дорогой – говорим о том, с чего начать и как изучить html и css самостоятельно с нуля.
Содержание скрыть
- Разбираемся с терминами
- С чего начать самостоятельное обучение
- Основные понятия и план изучения HTML
- Основные понятия и план изучения CSS
- HTML Academy
- YouTube канал Вадима Макеева
- MDN Web Docs
- HTMLbook
- HTMLBase
- HTML5book
- HTML5CSS.ru
- Code.mu
- CSSDiner
- Flexbox Froggy
- Flexbox Defense
Разбираемся с терминами
Как выучить HTML & CSS? Самый аху##### способ!
Елена Кузнецова
контент-маркетолог
Много раз за время работы в digital я замечала, что люди, которые непосредственно не работают в веб-разработке, путаются в определениях. Они не отличают язык разметки, стилей и в целом с трудом могут сказать, что значит «верстка сайта». На деле это три сущности. Всякий раз, когда пользователь заходит на веб-площадку, его браузер подгружает написанный верстальщиком HTML-файл с данными об этом контенте – структуру документа, шрифты, цвета, изображения, ссылки, таблицы – все эти элементы тщательно прописаны заранее, чтобы юзер мог комфортно просматривать контент с различных устройств.
Верстка – это процесс создания страницы, описание ее внешнего вида и расположения контента.
HTML (HyperText Markup Language) – это стандартизированный язык разметки для создания веб-страниц и их структурирования. Когда браузер загружает HTML-документ, он интерпретирует код и отображает содержимое страницы согласно его структуре и разметке. Работа HTML-верстальщика – из макета от дизайнера сделать графически верную страничку.
Это всё относится к фронтенду – внешнему интерфейсу сайта, как раз с ним взаимодействует пользователь, когда приходит на площадку. Еще одна фронтенд технология – это язык JavaScript. Он помогает внедрять интерактивные элементы. Но непосредственно в верстку он не входит, поэтому здесь мы подробно о JS говорить не будем.
Что учить после HTML/CSS? Какой план обучения выбрать? Как войти в айти и стать веб-разработчиком?
Изучение HTML с нуля предполагает понимание другой технологии, а именно CSS – с чего начать изучать и как полностью выучить этот язык, мы тоже поговорим. Без одного другой будет бесполезен, поэтому везде и всегда они идут вместе. Мне кажется, что стили сложнее разметки – там гораздо больше нюансов и дополнительных технологий.
Зато эта база даст вам хороший буст для развития – в разработку или веб-дизайн. Да и в целом понимать эти основы хорошо бы любому специалисту в digital – это просто цифровая грамотность. Поэтому и осваивать придется оба инструмента – иначе никак.
CSS (Cascading Style Sheets) – это язык стилей. Его используют для описания внешнего вида и форматирования веб-страниц. Им можно задать значения для цветов объектов, фона, указать шрифты, их размер и начертание.
Стили позволяют создавать эстетичные, удобные и адаптированные под разные гаджеты сайты.