Меню

Главная » HTML/CSS » Как проще и быстрее выучить HTML и CSS

На самом деле при желании выучить и начать применять HTML и CSS можно за день-два. Стоит только грамотно подойти к процессу обучения и выбрать правильный источник информации.

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

Да WordPress нас балует и позволяет создавать простые проекты без знаний языков программирования.

Хотя языки HTML и CSS врядли можно назвать программными, это скорей всего языки гипер-текстовой разметки, но тем не менее они лежат в основе всего что мы видим в Интернете.

 

Как проще и быстрее выучить HTML и CSS

 

Я не буду Вас агитировать купить тот или иной супер-курс или тренинг. Нет я дам лишб несколько советов как лучше учить HTML и CSS и как добиться результатов.

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

Итак поехали, с чего стоит начать?

1.  Я думаю сначала стоит установить удобный и комфортный редактор для кода. Одним из лидеров на данный момент является VSC или Visual Studio Code  от Microsoft

Я  рекомендую качать редактор с оф. сайта и вот ссылка на скачивание.

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

Как проще и быстрее выучить HTML и CSS

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

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

 Посмотреть другие редакторы кода можно вот на этой странице.

Поехали дальше!

Как изучать HTML и CSS, где брать информацию?

Просто тупо читая или наблюдая на экране Вы врядли что либо усвоите.  Чтоб получить результат нужно выполнять задания и получать практику.

Ниже я приведу ряд источников и к каждому приложу краткое резюме.

1.  HTML -академия

Крутой ресурс для кто начинает совсем с нуля.

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

Одно время думал завести себе там аккаунт для того чтоб вести своих подписчиков, но как обычно времени не хватает))

2. Видеокурсы.

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

Поэтому я буду рекомендовать пока только один , который стоит пройти и получить первые навыки.

Курс Михаила Русакова,  довольно содержательный и что хорошо он так же с домашними заданиями.

HTML и CSS для начинающих

Бесплатный курс по HTML и CSS

Больше 6-ти часов уроков + упражнения

Получить курс

 

Я даже планировал разместить все уроки этого курса на своем сайте с разбором ДЗ, если интересно пишите в комментариях.

Онлайн-тренинги!

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

Я дам ссылки на два, один бесплатный и второй за символическую плату, но с классными наставниками.

Я не участвую в партнерках этих ресурсов просто рекомендую как хорошие источники знаний.

Тренинг от молодого программиста Артема Ивашкевича.

Довольно содержательный курс, начинаем изучение с самого нуля и до размещения HTML  сайта на хостинге. Есть простые ДЗ, ответы , на которые вы размещаете в комментариях под уроками и Артем их проверяет.

Есть конечно задержки с проверкой, но ведь нужно понимать что проект бесплатный и Артем не может сидеть и «пасти» каждый комментарий.

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

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

Он платный, стоит, по моему 9 долларов. Но эти деньги вы платите за помощь наставника который проверяет Ваши ТЗ и ведет Вас.

Всего в курсе объемных  7 уроков, но уже к концу тренинга Вы сможете написать  свой первы сайт на чистом HTML с  CSS и  даже поймете как работаю простые команды в JS.

Я даю ссылку, она не партнерская, Wayup до сих пор «жлобствует» и никак не подключит партнерскую программу.

Как проще и быстрее выучить HTML и CSS

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

Вот пожалуй и все что хотел Вам сегодня рассказать.

В конце еще пара советов как лучше изучать и что делать дальше.

  1. Не расстраивайтесь если Вам с начала ничего не понятно, это бывает, пробуйте писать код и смотрите результат в браузере
  2. Не старайтесь все выучить и понять за 1 час. Теги HTML  вы может и усвоите, но с CSS придется  повозится.
  3. Больше практикуйтесь. Берите, создавайте чистый HTML документ и начинайте создавать структура первой страницы.
  4. Сделайте в своем браузере папку с закладками и складывайте туда полезные советы и подсказки, что найдете в сети
  5. Что не понятно, спрашивайте, буду рад подсказать.

 

 

Да, Я Хочу Быть В Курсе Новых Событий На Сайте!

Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности Ваш E-Mail в безопасности