Верстка, CSS, HTML, SVG

Как практиковаться в HTML/CSS??

учусь самостоятельно. Какой по вашему мнению способ практики самый легко доходчивый эффективный? желательно способы подробно расписать, чтобы не было вопросов. Заранее спасибо
Alexey Tishchenko
Alexey Tishchenko
23
по видеоуроку
Назим Раношка Юсуповы
Назим Раношка Юсуповы
9 122
Лучший ответ
изучить учебник html/css и просто начать что-то создавать
Арсен
Арсен
83 164
Alexey Tishchenko Говорят нужно больше практики
вы ещё ничего не выучили... в чём практиковаться?....
Мага Исаев
Мага Исаев
89 762
Я начал делать свой собственный сайт, когда знал всего 10-15 html тэгов. CSS вообще не было. Запустил сайт и мой интерес к его развитию подстегивал интерес и к веб-технологиям. Потом пошел js, потом css, потом perl, с которого перешел на php и последняя технология, освоенная мной для сайта, это mysql, т.е., работа с БД.
Вывод: замути свой собственный проект.
. # Введение
 
— «Создание веб–сайта. Курс молодого бойца»
     habrahabr.ru/post/273795/
— «Вёрстка — это не тупо»
     webmasters.teamdev.com
— «Что должен уметь HTML-верстальщик?»
     github.com/crecotun/ui-developer-skills
— «Как стать начинающим верстальщиком»
     glivera-team.github.io/how-to/02.05.2016/how-to-start.html

 
  # Путеводители

— «Хочу стать frontend разработчиком: базовые знания и план обучения»
     tproger.ru/curriculum/intro-to-frontend-development/
— «Как стать профессиональным веб-разработчиком: практическое руководство»
     habr.com/post/303896/
— «От нуля до героя фронтенда»
     medium.com/russian/от-нуля-до-героя-front-enda-часть-1-f524d668f328
     medium.com/russian/от-нуля-до-героя-фронтенда-часть-2-25f19e56eb29
— «Краткий план по изучению фронтенда, или #100ДнейКода»
     medium.com/@ABatickaya/100daysofcode-7584c0ddfc1a


  # Обучение
 
— Джош Кауфман «Первые 20 часов. Как научиться чему угодно... быстро»
— ru.learnlayout.com
— htmlacademy.ru/program
— freecodecamp.com
 
 
  # «Песочницы»
     (что бы делится кодом)

— jsfiddle.net
— codepen.io
— codesandbox.io
— jsbin.com
— glitch.com


  # Справочники
 
— htmlbook.ru
— webref.ru
— cssreference.io
— developer.mozilla.org/ru/
 
 
  # Интерактивные заданий
 
— flukeout.github.io (изучение селекторов в CSS)
— flexboxfroggy.com/#ru (изучение flexbox в CSS)
— flexboxdefense.com (изучение flexbox в CSS)
— dmitrylavrik.ru/training/process/flexbox-grid (создание сетки на flexbox)
— cssgridgarden.com/#ru (изучение gridbox в CSS)
 

  # Задачи для практики
 
— htmlbook.ru/practical
— itmathrepetitor.ru/zadachi-po-html-i-css/
— cssbattle.dev
 
 
  # Макеты для практики

— symu.co/freebies/templates-4/
— freebiesbug.com/psd-freebies/website-template/
— dcrazed.net/free-photoshop-psd-website-templates/
 
 
  # Задать вопрос по теме

— ru.stackoverflow.com
— toster.ru
 
 
  # Советы

— «Что поправить в вёрстке перед выпуском в продакшн?»
     habr.com/post/319664/
— «Как HTML-верстальщику поднять свой уровень»
     krekotun.ru/level-up/
Вот здесь попробуй: https:// puzzleweb. ru/
Пробелы убери.
Даже не знаю, стоит ли тебе открывать правду о том, что современные сайты на html и css уже давно никто не делает, а верстка - это обезьяний труд и что за все давно уже отвечают библиотеки. Но если тебе реально это надо, бери сайт в сети и верстай такой же
Пойти стажироваться в мелкую компанию