Каким способом (книги, курсы, лекции, вебинары и пр.) порекомендуете учить WEB? Расскажете свои истории становления в этой сфере?

Question

[Poirg]

Понимаю, что всё это уже избито и сто раз было, но все же, как порекомендуете изучать HTML и CSS? Какие книги или курсы, может быть что-то другое. Расскажите, как вы проходили этот путь? Какие выводы сделали для себя?

Comments

[riot26]

По барабану каким. Главное — практика

[Модератор]

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

Answer 1

[Web Developer]

HTML:
- https://www.youtube.com/playlist?list=PLB37D12AE64DF8..

- https://www.youtube.com/watch?v=LICSA6iJd6w&list=..

- https://www.youtube.com/watch?v=gGYV7Gb7LTo&list=..

CSS:

- https://www.youtube.com/playlist?list=PL026CCEB512587..

Практика HTML/CSS вёрстки и созданий сайтов на движках WordPress/Opencart - https://www.youtube.com/user/agragregra/playlists

Параллельно просмотру - повторяй, практикуйся, а также практикуйся потом и без видосов сам пробуй. Также постепенно можно будет пробовать самостоятельно делать целый собственный сайт. Сначала возможно одностраничный.

Также желательно поискать дизайн-макеты сайтов или готовый сайт, который понравится(оптимальный по сложности) и пробовать сделать также.

На обучение в день можно тратить 3-4 часа оптимально(если нет учебы и личной жизни, то хоть все 8)

Сроки изучения html/css могут быть разными у всех, но в среднем несколько месяцев обычно достаточно, чтобы изучить и успеть неплохо попрактиковаться.

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

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

Дальше можно изучать Javascript, работу с движками(CMS).

А это слушать: https://www.youtube.com/playlist?list=PL363QX7S8Mf...

Comments

[Web Developer]

Также забыл про книги. А тебе не стоит так делать. Начать можно с издательства о'райли, закончить скорее всего им же, за отсутствием более интересных и понятных альтернатив :)

Answer 2

[Ariurn]

Единственная книга, которую мне за всё время пришлось использовать - Герберт Шилдт по плюсам. Да и то не для Web-разработки, а чисто для понимания основ логики программирования.
Если говорить конкретно про Web: самоучка методом проб и ошибок, лазанья по форумам итд. Сначала просто начал глядеть исходный код различных сайтов (было интересно, как оно всё устроено). Потом начал гуглить на различные темы типа: минимальный html шаблон, основы css итд. Вполне достаточно статеек/мануалов с различных тематических сайтов. Сначала пробуете писать простенькие одностраничники, безо всякой серверной части. Потом попробуйте поиграться со стилями, js/jquery фишками. Это Front-end.
Касательно Back-end'a: сначала рисовал простые скрипты на php (хотя и я бы на вашем месте сразу полез в python) по типу динамического вывода той или иной информации. Потом научился соединять с БД (PostgreSql, MySql, SqLite итд, погуглите разные варианты, каждому своё). Дальше пробовал что-то типа написания мини-блога.
Когда приучитесь творить подобные мини-проекты, посмотрите в сторону фреймворков.
Для фронтенда это Bootstrap, Semantic-UI (как наиболее адекватные с моей точки зрения).
Для бэкэнда (в зависимости от языка, на котором пишете): для PHP - Laravel, для Python - Django.
В любом случае, основные советы следующие:
1) Как можно больше практики. Теория в этом деле ничего не стоит, опыт - ваше всё.
2) Сразу учитесь "этике" программирования: соблюдайте табуляцию, давайте переменным/классам нормальные названия итд.
3) stackoverflow - ваше всё (вы ещё попомните эти слова).
4) Хорошие работы (на поздних этапах) сохраняйте для будущего портфолио (будет, что показать).

Answer 3

[Владимир Проскурин]

Блин, почему все ответы отрицают книги? Ребят, вы че? Книги это очень крутой инструмент для обучения, такой концентрированной информации сложно найти.
https://github.com/getify/You-Dont-Know-JS - найдите мне курс или статьи, где содержится почти вся информация о язык JS в легком и доступном виде. Вы можете годы тратить для того, чтобы дойти то тех вещей, что говорятся в этой книге - сами, а можете быстро прочитать книгу. Даже если вы все не запомните, вы будете понимать, что это и как искать.
Например в C# есть чудесная книга Рихтера CLR via C# - ну вот просто нереально долго будете углубляться в работу платформы без этой книги.
В CSS есть крутая книга от гуру верстки Лии Веру - CSS-Secrets, можно из без нее до всего дойти самому, но прочитав эту книгу, вы сможете избежать множество проблем и ошибок.
Еще есть классика вроде банды четырех, программист прагматик, грокаем алгоритмы и.т.д. - все эти книги очень полезны и легки в изучении, не нужно их игнорировать, игнорируйте курсы и статьи, написанные непонятно кем.
Кто говорит, что

Теория в этом деле ничего не стоит, опыт - ваше всё.

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

Answer 4

[Евгений]

Курсов чуть больше, чем достаточно.

Начни с HTML, затем добавь CSS. Потом js. Посмотри по ним видео, оцени насколько тебе это интересно.