Найти в Дзене

Путь к фрилансу. Учеба. Шаг 5.

Сделал первый шаг в изучении HTML, хотя в общем то ничего нового я пока и не узнал:). Потратил часа 4 времени, большую часть из которого пытался настроить VS Code. Но начнем по порядку. Я приступил к весьма объемному блоку посвященному работе с HTML и CSS, вот его темы: Закончить удалось только первые три пункта, хотя первый пункт, состоящий из интерактивных слайдов, я по традиции пробежал быстрее заявленных пятидесяти минут. Что такое HTML. В этом уроке с помощью интерактивных слайдов рассказывается о структуре и базовом синтаксисе языка разметки HTML. Даны примеры использования некоторых тегов. Так же, с помощью скринкаста, показан пример работы в среде разработки VC Code. Как вводный урок вполне хорош, вопросов к материалу не возникает. Потратил около 30 минут. Как создать HTML страницу. В этом уроке начинаем самостоятельно работать в IDE. Мы создаем и изменяем свою первую страницу. Урок построен так: сперва на слайдах даётся теория - описание тегов и их применения, потом, на скринк
Оглавление

Сделал первый шаг в изучении HTML, хотя в общем то ничего нового я пока и не узнал:). Потратил часа 4 времени, большую часть из которого пытался настроить VS Code. Но начнем по порядку.

Я приступил к весьма объемному блоку посвященному работе с HTML и CSS, вот его темы:

Темы блока
Темы блока

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

Что такое HTML.

В этом уроке с помощью интерактивных слайдов рассказывается о структуре и базовом синтаксисе языка разметки HTML. Даны примеры использования некоторых тегов. Так же, с помощью скринкаста, показан пример работы в среде разработки VC Code.

Как вводный урок вполне хорош, вопросов к материалу не возникает. Потратил около 30 минут.

Как создать HTML страницу.

В этом уроке начинаем самостоятельно работать в IDE. Мы создаем и изменяем свою первую страницу.

Урок построен так: сперва на слайдах даётся теория - описание тегов и их применения, потом, на скринкасте, смотрим написание куска кода и пробуем повторить его уже самостоятельно.

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

Такой подход мне в целом нравиться. Печатная информация воспринимается быстрее и легче чем с видео, а на скринкастах видна работа IDE и пример написания красивого кода.

Вот что получилось в конце урока:

Учебный код.
Учебный код.

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

Как работать с GitHub.

Этот урок представляет собой цикл видеолекций о работе в GitHub.

  • · Как зарегистрироваться на Github.
  • · Как связать GitHub с вашей IDE(средой разработки).
  • · Как подключиться к GitHub по SSH.
  • · Как работать с ветками и удаленным репозиторием GitHub.
  • · Как выложить портфолио на GitHub.

И вот опять, мой самый нелюбимый тип лекций. 15 минут смотрим как завести аккаунт на GitHub, потом 25 минут как привязать IDE к удаленному репозиторию. При чем в видео описывается подключение не к VS Code, в котором предполагается обучаться, а к другой среде. Я уже хотел плюнуть и переключить на следующее видео, когда обнаружил под видео файл с дополнительным материалом, состоящим из pdf-файла с инструкцией к VS Code. А зачем тогда было видео?!

Но самый смак был дальше. Инструкция была устаревшей, по ней не получилось привязать GitHub к VS Code. Пришлось лесть в интернет и самостоятельно разбираться. Спустя 40 минут все получилось:)

На следующем видео полистали инструкцию с самого GitHub о подключении по SSH. Ну оно хотя бы было коротким.

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

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

Итог.

Я немного поработал в VS Code, создал первую страничку, понял как создавать папки с файлами для подгрузки на страницу.

Создал и привязал аккаунт на GitHub, сделал свои первые коммиты.

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

На прохождения этих уроков я потратил 4 часа, вместо заявленных 2,5.

Потратил лишние 1.5 часа на привязку GitHub к VS Code.

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

Вперед!