Где изучать HTML и CSS в 2020 году?

Вопрос о том, как и где изучать HTML & CSS, является весьма разумным. Ответ зависит от множества вещей: насколько серьезно вы настроены, какова ваша текущая база, какие другие ресурсы вам доступны, что вы надеетесь делать с полученными знаниями, сколько времени у вас есть, и, вероятно, от миллиарда других вещей.

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

Вы можете читать книги.

Существует тонна книг, посвященных HTML и CSS (а часто и вместе). Вероятно, все они прекрасно справляются со своей задачей. Нет необходимости описывать здесь все варианты. Эти две – мои личные рекомендации. Возможно, вам даже не понадобятся обе.

Книга Джона Дакетта невероятно хорошо оформлена и доступна:

Книга Дженнифер Роббинс охватывает немного больше информации и предназначена для личного чтения или в качестве учебника в классе.

Вы можете пройти бесплатный онлайн-курс или руководство.

У Frontend Masters есть очень подробный буткемп, который они предоставляют бесплатно. Это 21 час высококачественного видеообучения! Если вам понравится, вы можете записаться на более продвинутые платные курсы.

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

В Академии Khan есть курс Intro to HTML/CSS: Создание веб-страниц”, который представлен в очень удобном формате. Он похож на видео: вы слышите, как преподаватель рассказывает вам о процессе обучения, но при этом вы видите реальный текстовый редактор и реальный результат. Иногда преподаватель управляет кодом, а иногда он прерывается на задания, в которых вы берете на себя управление и редактируете код самостоятельно.

Не бойтесь Интернета

Программа Джессики Хише и Расса Машмайера “Не бойся Интернета” состоит из восьми частей, которые помогут вам освоить HTML и CSS и даже затронуть такую важную тему, как типографика.

С помощью коротких обучающих видео вы узнаете, как взять базовый блог WordPress и изменить CSS, HTML (и даже немного PHP!) в соответствии с вашей эстетикой.

Интернет – это сложно

У Оливера Джеймса есть замечательный онлайн-курс под названием Internetting is Hard (But it doesn’t have to be).

Мы разработали HTML & CSS Is Hard как единственное введение в HTML и CSS, которое вам когда-либо понадобится. Если вы приложите усилия, чтобы прочитать каждый раздел и написать каждый фрагмент кода, этот учебник способен заменить онлайн-курсы и живые тренинги стоимостью в сотни и даже тысячи долларов.

Scrimba / Intro to HTML

У Эрика Тирадо есть курс “Введение в HTML” на Scrimba, который также является интересной платформой, поскольку голос Эрика ведет вас по курсу, но визуально это комбинация слайдов с реальным редактором кода и предварительным просмотром.

Вы можете прочитать все посты в нашем “Руководстве для начинающих”.

У нас есть руководство (сборник статей, видео и ссылок) под названием Just Starting Out with CSS & HTML. Я надеюсь, что в нем есть материалы, которые помогут вам начать или дополнить ваше начальное обучение, ведь в этом и состоит цель.

Вы можете найти и пройти платный онлайн-курс.

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

Это широкие обобщения, но это хорошее начало:

Вы можете пойти в очную школу кодирования или буткемп кодирования.

Фото ThisisEngineering RAEng on Unsplash

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

Но если предположить, что вы собираетесь пойти в школу, специализирующуюся на кодинге…

• Есть варианты, которые существуют в отдельных городах. У меня есть знакомая, которая училась в женском буткемпе по кодингу Hackbright в Сан-Франциско. Есть такие места, как Actualize в Чикаго, Center Centre в Теннесси и HackerYou в Торонто.
• Есть и более крупные организации, такие как школа Flatiron (с кампусами по всей территории США) и General Assembly (с кампусами по всему миру).

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

Вы можете практиковаться на CodePen.

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

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

Вы можете создать личный сайт и научиться тому, что вам нужно для этого.

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

Не менее распространенный вариант: создать сайт для своей группы. Или для друга, друга друга или бизнеса сестры бизнес-партнера вашей матери. Когда у вас есть реальный проект (реальный веб-сайт в живом интернете), у вас есть ощущение, что вы несете ответственность за что-то реальное, что увидят реальные люди, и вы должны сделать это и сделать хорошо. Для некоторых людей это работает очень хорошо.

На самом деле вы научитесь, сочетая все эти вещи.

Люди помешаны на том, чтобы спрашивать музыкантов, являются ли они “самоучками”. Типа, если это так, то их удивительность возрастает втрое, потому что это означает, что их творческий гений был передан молнией при рождении. Им не нужно никого учить; они просто смотрят на струны гитары или клавиши пианино и знают, что делать.

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

Люди учатся чему угодно – в том числе музыке и веб-разработке – в урагане влияний. Давайте на секунду остановимся на музыке. Обучение игре происходит в разных формах. Очень часто вы учитесь, слушая музыку. Вы можете заниматься фундаментальной практикой, например, пальцевой гимнастикой и прохождением гамм вверх и вниз. Вы можете учиться транспонировать аккорды на меловой доске. Можно смотреть YouTube целыми днями и ночами. Вы можете записаться на онлайн-курсы. Вы можете ходить на местные джемы, чтобы смотреть и подыгрывать. Вы можете присоединиться к группе. Можно брать уроки у того, кто дает объявление на Craigslist. Можно пойти в местную музыкальную школу. Вы можете читать книги о музыке.

Вы уловили идею.

Вы можете и будете делать все это. При изучении веб-дизайна и разработки, чтобы добиться успеха, вам придется использовать всевозможные способы. Здесь нет серебряной пули. Придется поработать над этим множеством разных способов. Не нужно сыпать на это деньги, но вам понадобится множество углов, время и мотивация.