Как и где учить HTML и CSS? Стоит ли брать курсы? Куда возьмут работать?

Приветствую всех пикабушников в своей первой статье. В этом материале хотелось бы ответить на все перечисленные в заголовке вопросы. Особую ценность этой статьи составляет то, что она основана исключительно на личном опыте.

Мне 23 года, работаю веб-разработчиком в строительной компании, создаю сайтики и администрирую уже существующие. Параллельно беру заказы со стороны, практикуюсь в разработке, контент-менеджменте, настройке рекламы и SEO-продвижении.

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

Как и где учить HTML и CSS?

Не знаю, стоит ли ради этого записываться на платные курсы или идти в шарагу/университет. Вспоминаю пары основ web технологий в своем колледже... Преподаватель писал тег на доске, заставлял переписывать его в тетрадь и писать определение.

Конечно, теория тоже важна. Но абсолютно такой же уровень знаний можно было получить, листая просто сайты по запросу "HTML справочник".

Лично я знал HTML и CSS еще до шараги. Учил я его с помощью Solo Learn. Есть как веб-версия, так и приложения в Google Play и App Store. В приложении есть и полноценные языки программирования. Просто выбираете любой курс и проходите теорию.

Как и где учить HTML и CSS? Стоит ли брать курсы? Куда возьмут работать? HTML, Основы HTML, CSS, IT, Программирование, SEO, Веб-разработка, Создание сайта, Продвижение, Длиннопост

После каждой темы вы должны закрепить пройденный материал ответом на контрольный вопрос. А после прохождения всей темы проходите полноценный тест.

Как и где учить HTML и CSS? Стоит ли брать курсы? Куда возьмут работать? HTML, Основы HTML, CSS, IT, Программирование, SEO, Веб-разработка, Создание сайта, Продвижение, Длиннопост

Радует наличие как простых тестов, так и фрагментов кода, куда вы должны написать или же перетащить недостающие кусочки.

А в конце вам дают такой сертификат:

Как и где учить HTML и CSS? Стоит ли брать курсы? Куда возьмут работать? HTML, Основы HTML, CSS, IT, Программирование, SEO, Веб-разработка, Создание сайта, Продвижение, Длиннопост

Достаточно ли будет обучения в Solo Learn или нужно делать что-то еще? Ответ очевиден. Догадаетесь?

Смотрите марафоны по верстке на ютубе, где человек верстает реальный сайт. Параллельно пытайтесь что-то делать сами. Открывайте чужие сайты через инспектор и смотрите код.

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

Куда возьмут работать с HTML и CSS?

Сразу скажу, что знаний одних только HTML и CSS будет недостаточно. Конечно, если речь идет о хорошо оплачиваемой работе. Когда у меня совсем не было знаний, я работал контент-менеджером в интернет-магазине за 30к.

Работа была не очень пыльной, в основном она заключалась в публикации статей, которые мы заказывали, создании новых товаров, изучении SEO и съемки видео с обзорами товаров на ютуб.

Но мне это даже нравилось, потому что я мог развиваться сразу в нескольких сферах. А это стоит очень многого.

Стоит ли брать курсы?

На этот вопрос я уже ответил выше. Мне кажется, что в этом нет никакого смысла. Тот же HTML, CSS можно выучить в Solo Learn и по гайдикам на ютубе. Также не забывайте о практике и пытайтесь что-то сделать сами.

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

А что изучать после HTML и CSS, чтобы создавать сайты?

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

1) В том же приложении Solo Learn пройдите курсы PHP и JS;

2) Освойте CMS Wordpress - систему управления контентом, которую использует огромное количество сайтов - от блогов до полноценных интернет-магазинов;

3) Откройте для себя фреймворк Bootstrap, который ускорит вашу фронтенд-разработку в разы за счет уже готовых блоков и стилей;

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

Вы смотрите срез комментариев. Показать все
1
Автор поста оценил этот комментарий
Нигде не учил, да и учить то там нечего...

Де факт пересел с бэка на фронт по предложению коллег, за 1.5 года нафигачил на реакте фронт с нуля...

никогда не учил html и css направленно. Да и реакт так-то тоже по ходу.

Вообще похоже на рекламу курсов и СЕО продвижение своего мнения, @moderator, это не реклама случаем?
раскрыть ветку (17)
Автор поста оценил этот комментарий
Как по ощущениям стало после смены? Более "живое", что-ли, программирование? Ну или шо бэк шо фронт - без разницы
раскрыть ветку (9)
Автор поста оценил этот комментарий

фронт в чем-то проще, более наглядно видно то что ты замутил, от вечных данных на бэке устаешь, много алгоритмов, много технологий, больше чем у фронта если так посмотреть.

Но в то же время начинаешь скучать именно по тяжелым задачам связанным с обработкой данных, имхо - это неплохой опыт )

раскрыть ветку (8)
Автор поста оценил этот комментарий

Понял, спасибо за ответ. Ибо я вроде и начал обучение, вроде даже "границы" очертил, но до конца не уверен еще. С дизайном, как оно должно быть и тд - у меня плоховато, но вот даже с текущими навыками готовый макет (тривиальный) - заделать смогу, скорее всего (про всякие сложные молчу). Ну и вот прицел был на бэк, а в кач-ве первого основного ЯПа - C# (asp.net и иже с ним), по нему там продвижение есть, но вот тоже не до конца уверен. Сейчас хочу выделить неделю-две, потратить на реализацию каких-то крудов, ботов, еще чего-либо на шарпе, питоне и жс и глянуть что более по душе и в какую сторону смотреть.

раскрыть ветку (7)
Автор поста оценил этот комментарий
Дизайн не пригодится, этим обычно занимаются дизайнеры, впрочем если работать в одиночку за всю команду, то тогда вполне полезный навык.

Ну я сам как раз с шарпа перебежал, сейчас наверное вернусь обратно на бэк )
раскрыть ветку (6)
Автор поста оценил этот комментарий

1)Понял.
2)Оу, а чего так?

Или просто печально всё.

раскрыть ветку (5)
Автор поста оценил этот комментарий

на проекте все тухло, команда швах, а так - просто бэк я лучше знаю, и забывать не хочется )

раскрыть ветку (4)
Автор поста оценил этот комментарий

Понял, ну и такое бывает. Удачи тебе, да и самому себе =\

ЖС и прочее во фронтенд стеке еще будут подтягивать (тк даже в бэковских очень часто указаны они, особенно на шарпе) а вот в случае бэка - буду дальше выбирать)

раскрыть ветку (3)
1
Автор поста оценил этот комментарий

я на самом деле крайне хреново знаю жс )

В основном ТС, который как бы обертка над ЖС, но по факту архитектурное понимание ЖС у меня слабое как и тонкостей, вроде таски-микротаски и т.п. дичь, приведения типов в ЖС, ибо в ТС ты всегда работаешь с типизацией, писать без нее будет плохим тоном.

Касательно бэка - там не бэк скорее, фуллстак или бэк с неким gui, вроде wpf или razor, то что часто идет на слой презентации в .net, имхо пока это все относительно криво, писать на реакте проще, ибо он полностью заточен в фронт и архитектурно в том числе, да и не создать адский монолит в таком ключе лучше, дальнейший рефакторинг будет проще.

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

Не ломайте особо голову, попробуйте и то и другое, мне повезло в том плане что меня кинули с нуля создавать проект в энтерпрайз, когда я не обладал компетенциями, когда я начал писать я не знал реакт вообще, это было в формате постоянной беготни к фронтендерам на смежном проекте, через 1.5 года уже могу написать нечто свое которое будет +- неплохим архитектурно, мимикрия под стиль профи, скажем так. Можно не понимать как работает та или иная часть, но при этом правильно писать конструкции, просто потому что так принято, хотя на собесах это не сработает )

У бэка большие интеграции, тяжеловесные технологии, много логики, поисковые движки, тяжелые фильтрации, важный подход к последовательности, фронт нацелен на представления, немного другой подход в плане как организации кода и компонентов, так и задач. Вы будете проклинать не очередное искажение данных на интеграции с джирой, а дизайнеров, которым нужно чтобы иконка по 25 раз меняла цвет при разных действиях)

Я бы сказал что фронт это чистый event-driven, пользователь совершает действия, мы их обрабатываем. Верстка идет просто фоном, опять же, создание страницы занимает от силы 1.5 дня без отладки, в то время как отладка логики ее работы может сожрать куда больше времени.
Да есть широкие библиотеки компонентов, но де факт любая крупная корпорация будет иметь свой репозиторий. Все эти внешние источники ненадежны, поэтому создают свое, так что работа всегда есть, свои велосипеды )

Честно не уверен что пройду собеседование на фронт, если буду искать чистый фронт, именно потому что плохо помню теорию даже по уровням специфичности в css, обычно правлю это на практике, эвристика или потеря времени. Но по заявлениям коллег я твердый мидл.

раскрыть ветку (2)
Автор поста оценил этот комментарий
Понял, спасибо большое. Ну из маломальски серьезного пока що увесистый говнокод на шарпе клиент-сервер банально через соккеты, клиентом в который служил винформ. Естественно всё костылил, но пришел к пониманию работы запросов и прочего, относительно хорошей работой с бд да и впринципе что сервер может делать с данными от клиента.

В любом случае спасибо Вам за столь развернутые комментарии)
раскрыть ветку (1)
1
Автор поста оценил этот комментарий

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

Событийная модель, события управляют данными, эндпоинт в качестве АПИ, локальное хранилище и сервисы для логики, вот в общем-то и все, если интересно можете почитать про чистую архитектуру на примере фронта.

https://habr.com/ru/post/499078/ вот неплохие статейки которые читал когда начинал.

https://habr.com/ru/post/493430/

У меня с БД был жесткий опыт в начале, старое легаси на винформах без асинхронности, полный ад, базы на миллионы строк, куча логики на SQL, оптимизация запросов, планы запросов, выборки, группировки, создание времянок и индексов по времянкам на ходу, полная жесть, преобразования в xml для группировок данных х_Х

Потом все это вылилось в структуры кроссдоменной репликации на уровне БД, первые версии, динамический SQL построение мерджа по любым таблицам динамически, прикольная хранимка была, принимает в себя бэкап и мерджит его, при этом структура таблиц в бэкапе может отличаться от той в которую мерджим.

Касательно гавнокода - та ну, меня крайне раздажают собесы, меня недавно гоняли по версиям сборщика мусора в шарпе в контексте истории и его развития млять, спрашивается - на кой черт это нужно на практике, если работать будешь все равно в 90% времени с перекладыванием жысонов )

Автор поста оценил этот комментарий

Реклама зарубежного приложения? Если бы я позиционировал это как "Обзор", это тоже считалось бы рекламой?

раскрыть ветку (6)
1
Автор поста оценил этот комментарий
Или реклама своего блога, бредовая тематика, не вижу смысла учить вёрстку на одном уровне с языками и фреймворками.

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

Да и одного знания верстки для создания сайтов не хватит
раскрыть ветку (5)
Автор поста оценил этот комментарий

Ну, тут уже у каждого свое мнение. Я думаю, что тема вполне актуальна для людей, которые пока не знают, с чего начать. Кстати о бреде, ты свою ленту постов не смотрел?

раскрыть ветку (4)
Автор поста оценил этот комментарий
Думаю актуальна она только для тех кто ничего не делает и не планирует, есть самое честное мнение - мнение рынка.

Да и одного знания верстки для создания сайтов не хватит, для вменяемой разработки неплохо бы вменяемый бэк, знание архитектуры в том числе на уровне инфраструктуры, понимание ci/cd и пайплайна развертки, в противном случае это не сайтики писать, а страницы без логики, защиты, ни один серьезный Энтерпрайз себе такое не позволит.

Попытка перевести стрелки довольно жалкая, но повторюсь, учить теги спецом нет никакого смысла, просто начните верстать.
раскрыть ветку (3)
Автор поста оценил этот комментарий

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

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

раскрыть ветку (2)
Автор поста оценил этот комментарий

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

Ну одна верстка ну так и сайты полны дыр, дизайн не оригинал и т.д.
Это не разработка уж извините.

раскрыть ветку (1)
Автор поста оценил этот комментарий

А каким боком дизайн относится к разработке? Да, я беру сторонние шаблоны, натягиваю их на WP, дорабатываю их под нишу клиента. Почему это нельзя отнести к разработке?)

А какими дырами переполнены сайты, не поделитесь?

Вы смотрите срез комментариев. Чтобы написать комментарий, перейдите к общему списку