Как составить план обучения html и css?

Question

[Maks01Shogun]

Здравствуйте, уважаемые верстальщики и web-программисты!

Хочу начать изучать web-программирование. Прочитал уже какое-то количество статей, просмотрел кучу видео-роликов и что-то начал расходиться в мыслях.

1. Одни говорят, что CSS и HTML можно начать учить с Html Academy, а затем, почитать книгу Робсон Э., Фримен Э. Изучаем HTML, XHTML и CSS. Потом уже приниматься верстать шаблоны с некой базой (в самих книгах то же есть примеры, которые можно пощупать.
   
2. Другие говорят - сразу начинай верстать и параллельно, учи!
   
3. Советуют курсы
   
4. Онли Ютуб
   

Вопрос: Пожалуйста, помогите составить план, как начать верстать сайты и хорошо познакомиться с CSS+HTML+JS?

Спасибо за понимание!=)

Comments

[Rustam Bainazarov]

Верстать и учить одновременно…

…и как можно реже заходить на Toster с такими вопросами.

Answer 1

[Алекс Глебов]

основы в htmlacademy
потом вот подробный план обучения
webmasters.teamdev.com

решает в итоге практика, бери psd и верстай, смотри как это делают в ютубе

Comments

[x404]

Psd?
Боюсь нормальные дизайнеры перешли в sketch или figma...

[Александр Маргинал]

Сергей Сыса, и авокод.
С psd вообще крайне сложно вытащить стили

[Андрей Брекоткин]

Александр Маргинал, человек учиться хочет, зачем ему "вытаскивать стили"? Пусть руками пишет - запоминает. Но да, на дворе 2019 год... макеты в psd - это почти зло.

[Александр Маргинал]

Андрей Брекоткин, затем, чтобы шрифт был как в макете, например

[Александр Маргинал]

Андрей Брекоткин, а ещё, psd это монстр, который работает нормально только на мак, не думаю, что у автора поста завалился мак

[Андрей Брекоткин]

Александр Маргинал, вообще не понял о чем ты говоришь. Что значит "psd это монстр, который работает нормально только на мак"? Как же я всю жизнь работаю с psd на винде и проблем не вижу?

[Алекс Глебов]

Сергей Сыса, вопрос не про дизайн а про верстку. Авакод открывает почти все форматы которые выдают дизайнеры, так что разницы нет

[Александр Маргинал]

Андрей Брекоткин, сколько времени у тебя запускается фш? Вот и я о том же, помню времена когда сидел на Винде и это адом было

[x404]

Алекс Глебов, Я не на вопрос отвечал, если вы не заметили, а на комментарий человека который предложил верстать с psd.

[Андрей Брекоткин]

Александр Маргинал, специально замерил... 15 секунд. И что? Тебя напрягает 15 секунд что бы открыть один файл и работать с ним пол дня?

[Александр Маргинал]

Андрей Брекоткин, да, это очень долго

[Алекс Глебов]

Сергей Сыса, у верстальщиков и у дизайнеров разный софт. Я сказал человеку верстать макеты, при чем тут обсуждение в каком формате их делать? При том что все импортится туда сюда и обратно. В гугле макеты для тренировки 99% в psd поэтому и назвал этот формат. И не нужно открывать фотошоп чтобы верстать из psd.

Answer 2

[Сергей Горностаев]

Толку точно не будет, если вместо учёбы составлять планы. А по поводу курсов и видео-уроков, стоит поискать по Тостеру, здесь про этот шлак часто писалось. В частности раз и два.

Answer 3

[Алекс]

Начал с академии, прошёл наспех все. Толку 50 на 50. Рассказывается что такое бордер допустим и тут же сделайте бордер такой как мы скажем. Не тот формат что мне нравится. Взял платный на месяц формат академии, уже лучше, приходится думать. Верный вариант это взять любой макет, если знаешь минимум вёрстки и стилей то сразу делать его. 100% что получится дерьмо, 100% что ты будешь искать как сделать блок, кнопку, ещё что то, но как только ты доделаешь ты уже будешь частично в теме, после 5-10 шаблона я взял тупо открыл первый попавшийся сайт и решил сверстать. Я не идеален до сих пор, но что было до и сейчас, намного отличается, а значит - это работает)

Answer 4

[Михаил Лялин]

книги по HTML и CSS + свой проект + бесплатные курсы уровня code-basics

Answer 5

[Пес Барбос]

А почему бы просто не начать верстать лендинг и по ходу разбираться, что не понятно?

Answer 6

[Nassi123]

Я сначала читал в интернете разные статьи для новичков, потом проходил бесплатную часть на https://htmlacademy.ru/ , потом офомил их подписку и параллельно учился тут https://shultais.education/courses/html-and-css. В целом и там, и там про одно и то же, но разными словами. С самого начала пробовал верстать небольшие блоки: рамки, фон, оформление текстов. А затем пробовал копирвать стили разных макетов с https://www.templatemonster.com/ru/ - просто брал, что нравится и пытался повторить. Иногда получалось, иногда не очень, но всегда можно посмотреть исходники, чтобы понять как делаются те или иные вещи.

Answer 7

[thesanches]

Начинаешь с html, css, вполне можно освоить по видео урокам и статьям, документации.

Берешь макеты и верстаешь, каждый следующий макет бери посложнее, по ходу верстки будешь учиться все новым и новым фишкам на практике.

Дальше js, для начала хотя бы на базовом уровне, чтобы мог подключить слайдеры и тд., потом сам поймешь, когда нужно углубляться в js.

Также не плохо в cms разобраться, так как основной поток заказов включают в себя работу с движками, натяжка, настройка и тп

Answer 8

[bro-dev]

1 неделю видеокурсы
1 неделю читай хабр
2 недели бери макеты и верстай
у меня было так за 1 месяц с нуля научился и взял заказ на верстку на фрилансе и понеслась.

Comments

[BigOrlando]

Серьезно? Так можно что-ли...Сейчас на фрилансе, или ушел в офис?

[bro-dev]

BigOrlando, 3 года фрилансил всё было зб, но сейчас в офисе так как чувствую какой то стеклянный потолок на фрилансе, одни и те же скучные заказы на бесконечные интернет магазины, крупных интересных проектов мало, не хотят доверять одному, денег больше было чем сейчас но нафиг отказался от всего лучше на дядю поработаю чуть чуть.
Плюс чтобы быть фрилансером нельзя быть интровертом, так как тогда общения будет вообще 0, а я несмотря на отсутствие необходимости в живом общении все равно начал сума сходить, нужно хоть по чуть чуть людей видеть хотя бы в метро, если ты экстраверт то фриланас подойдет так как будут друзя с кем потустить.

[BigOrlando]

bro-dev, у тебя вышло за месяц выйти на фриланс? Ну ты крутой) а что учил, что проходил?

Я стартануть с фриланса хочу(сперва конечно научится надо:D ), чтобы в портфолио работ набрать, а потом в контору