MaxLisyanskiy

Всем привет,
произошел небольшой казус в прошлом посте (не знал всех правил редактирования постов, извиняйте), поэтому решил написать новый пост.

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

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

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

1) Думаю, самый народный способ изучить основы HTML и CSS это воспользоваться бесплатными курсами от HTML Academy.
Затем эти знания можно закрепить пройдя бесплатные задания на FreeCodeCamp. (Basic)

2) Советую скачать бесплатно курс, который писал здесь (п. 2)

!Либо можете найти ссылку на скачивание zip-файла в комментариях в этом посте!
Посмотрев первый модуль, вы уже отточите свои базовые знания + будет настроено пространство.

3) После этого сразу советую изучить препроцессор CSS  (хотя его и ставят в середину обучения, считаю его надо учить сразу после основ). Про них можно узнать в модуле 2  - 025  из того курса, либо из любого другого видео на YouTube.

4) Изучаем основы Git/Github. Из курса Модуль 3 - 041, либо на YouTube. В начале необходимо уметь только пушать проекты в репозиторий. имхо)

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

Сложно описать сколько времени у вас займет на обучение данного материала, но в среднем можно предположить 2/3 недели.

После этого можно уже с головой углубляться в верстку.

Мой план обучения на ближайшее время:
1) Практикуем верстку с помощью Bootstrap Grid (ее многие недолюбливают, но я хотел бы закрепить эти знания);
2) Продвинутая верстка с Flexbox без интерактива;
3) Стараемся настолько набить руку, чтобы могли сверстать почти любой проект без интерактива;
4) Основы JS;
5) Поверхностное изучения JQuery и добавления интерактива на сайты.
6) Продвинутый JS;
7) React.js
8) Создаем портфолио;
8) Стараемся устроиться на работу джуном.

План на следующую неделю:
1) Доделать проект из курса (модуль 2);
2) Найти и сверстать самостоятельно пару лендингов с помощью сетки + делать их "резиновыми".

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

Все получилось сумбурно, я еще дилетант в этом деле, так что рад любой критике и пожеланиям :)

Актуальный и отредактированный пост на С нуля до Frontend-разработчика. Начало

Понимаю, на поприще Пикабу есть множество таких тематических блогов, но заставило меня начать вести свой блог несколько причин:
1) Замотивировал пост пользователя @OWIII;
2) Сам встал на эту нелегкую и длинную дорожку во фронтенд;
3) И наверно самое главное - необходимость контролировать свой процесс обучения, надеюсь таким образом его структурировать;
+ 4) Мне нравится, что многие в комментариях могут помочь советом, а этого очень нахватает в самообучении.

Предисловие...
на данный момент я начинаю не совсем «нулем», а именно есть базовые знания HTML,CSS,JS.

Но! Почему я написал с нуля? Потому что есть огромное количество инфы в голове, но когда садишься делать проект самостоятельно, сразу все забываешь.

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

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


И так начнём:

Знания и технологии, которыми обладаем на старте:

1) Получены основы HTML и CSS с помощью бесплатных уроков на HTML Academy, а также пройдены задания на основы в FreeCodeCamp;

2) Скачен и просмотрен полностью курс "WEB-разработчик 2020" на udemy Ивана Петриченко с торрента (на начальном пути не считаю зазорным скачивать бесплатно платный материал + как никак я студент, и мне простительно ;) );

P.S. Сразу говорю, это не реклама, вы можете использовать любой ресурс, но тут я описываю свой путь и в начале пути я перепробовал все возможные способы обучения(проблема в структурировании информации) и наткнулся на этот курс, он тоже не идеальный, но мне для начала понравилось.

3) Из этого курса настроили рабочее пространство:
VS code + все возможные плагины, плюс скачен node js (в дальнейшем понадобиться для npm пакетов и тд);

4) Сразу верстаю на SASS, он уже встроен в vs code;

! Сразу советую разобраться, и научиться работать с препроцессорам. Из курса - модуль 2.!

5) Есть понимания БЭМ, но пока верстать по его требованиям буду позже;

6) Скачали и научились использовать Git и github. В моем случае я только создаю новые репозитории и закидываю туда поэтапно проект. Пока нет понимания как его использовать по-другому.  Из курса - модуль 2. либо любые видео с ютуба.

6) Сверстал первый проект «Wordpress» на чистом HTML и css; Из курса - модуль два!

https://github.com/MaxLisyanskiy/WordpressBasic

P.S. как говорил ранее, это не совсем «с нуля», но если вы решите пойти по-моему пути, вам для начала необходимо изучить основы с любых ресурсов (не более одной недели!).
Настроить пространство и сверстать простенький макет на чистом html и css (можете это сделать посмотрев 1 модуль в том курсе).

Считаю этого вначале достаточно, чтобы углубиться в верстку.


Пост в доработке