01 -- 14

Начни изучать IT
бесплатно уже
сегодня.
-> Чек-лист

Максим Тодоров Founder T3D soft

todor_it development company.
 Общее

02 -- 14 Всем привет, в этом Чек-Листе я

описал самые действенные и
простые способы входа в IT в

2022 году, а именно во FrontEnd.

Но сначала давайте определим 


что нам для этого нужно.

Цель чек-листа:

Примечание:

Максим Тодоров Founder T3D soft

todor_it development company.
 Как попасть в IT?

03 -- 14 Необходимо:

Компьютер на котором мы будем

учиться (для старта подойдет 

даже ваш старый, которым вы 

не пользовались уже год )
от трёх часов в день

Будет плюсом:

Умение гуглить. Уметь искать

информацию, задавать правильные
запросы — это навыки, которые
полезны более чем в одной сфере,
прокачайте их, если хотите попасть 

в IT.

Примечание:

Максим Тодоров Founder T3D soft

todor_it development company.
 Roadmap

04 -- 14 Бесплатная дорога в Айти вполне проста:

YouTube
Основы FrontEnd

YouTube
HTML

YouTube
CSS

YouTube
Методология BEM + Адаптивная вёрстка

YouTube
JS

YouTube
GIT

Вы АйтиШник!

Примечание:

Максим Тодоров Founder T3D soft

todor_it development company.
 Основы FrontEnd

05 -- 14 Сначала, давайте ознакомимся с самыми

базовыми понятиями во FrontEnd:

HTML, CSS, JS, GIT — ниже ссылки на видео,

которые стоит посмотреть прежде, чем начинать.

Что такое HTML?

YouTube

Что такое CSS?

YouTube

Что такое JS?

YouTube

Что такое GIT?

YouTube

Примечание:
Далее Вы приступите к изучению HTML.

Строго рекомендую не просто смотреть, а

сразу брать и делать, даже если не всё
понятно. Просто делай и смотри на результат!

Максим Тодоров Founder T3D soft

todor_it development company.
 HTML

06 -- 14
HTML

Ниже будут представлены 3 курса от независимых

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

YouTube
YouTube
YouTube

Примечание:

Просмотрели все 3 курса?

Готовы переходить дальше?

Тогда ответьте себе на вопросы:
Что такое Семантика в HTML?
Как выглядит базовая Структура HTML?
Что такое Микроразметка HTML?

Скорее всего, Вы ещё не сможете ответить, поэтому

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

Максим Тодоров Founder T3D soft

todor_it development company.
 CSS

07 -- 14
CSS

База
YouTube
YouTube
YouTube

FlexBox

(что это и как использовать смотрите в видео):

YouTube
YouTube

Анимации
YouTube
YouTube

Максим Тодоров Founder T3D soft

todor_it development company.
 BEM + Адаптивная вёрстка

08 -- 14
BEM

Статья про BEM

“БЭМ-методология: с чего всё начиналось и
зачем это всё нужно”

Видео с теорией
YouTube

Крутое видео с теорией и практикой

YouTube

Адаптивная вёрстка
YouTube
YouTube

Максим Тодоров Founder T3D soft

todor_it development company.
 JavaScript

09 -- 14 Ну что, Вы уже знаете HTML и CSS. Умеете

адаптивно верстать и даже понимаете BEM!

Самое время начать изучать JS.

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

Сразу добавляйте себе в закладки ресурс -

[Link]
Это теперь Ваш учебник и лучший друг, с которым Вам
нужно будет провести много времени.

А теперь начнём :)
1 Читаем введение в JavaScript
Введение

2 Смотрим несколько курсов

Это курс, смотрим 22 урока из этого листа!
Тут уже посложнее, смотрим весь курс. Здесь
курс пересекается с Вашими знаниями HTML и
CSS в первых уроках, но потом будет только JS.

Закрепляем Ваши знания 6-ти часовым видео с

изучением JS.

Примечание:

Максим Тодоров Founder T3D soft

todor_it development company.
 JavaScript

10 -- 14 3 Самостоятельная работа с учебником

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

Открываем [Link]
и начинаем шаг за шагом штудировать все 3
части учебника

Первые главы Вы, само собой, уже усвоили и понимаете

очень хорошо, поэтому, достаточно их просто перечитать.

А вот начиная с блока 2.15 (Функции) - уже советую

открывать редактор и начинать работу.

Столкнулись с проблемой или тема раскрыта

недостаточно?
Отправляйтесь на YouTube с этим запросом и
обязательно найдёте ответ :)
Столкнулись с ошибкой в коде?
Вбейте свою ошибку в гугле и, скорее всего, одна из
первых ссылок даст Вам ответ на Ваш вопрос :)

Примечание:
На этом этапе Вам будет сложнее всего. Советую
окружить себя разработкой - статьи, видео,
YouTube-каналы. Дайте этому самый высокий
приоритет, узнавайте что-то новое каждый день

Для любителей посидеть с книжкой, рекомендую:

Дэвид Флэнаган “JavaScript. Подробное руководство”

Максим Тодоров Founder T3D soft

todor_it development company.
 GIT

11 -- 14 Теперь, когда Вы уже знакомы с HTML/CSS и JS —

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

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

Гит делает подробный снимок проекта в момент

сохранения, то есть фиксирует состояние каждого
файла, и создает ссылку на эту версию. Таким
образом, Вы в любой момент можете откатить
свой проект к прошлым версиям, если с новыми
произошла какая-то проблема.
Гит обязательная штука для работы в команде и в
целом — это мастхэв для каждого проекта.
Практически любое собеседование не обходится
без вопросов, посвещенных ему.

1 Сначала, смотрим это видео, чтобы

понять основы
YouTube
2 Теперь практикуемся
YouTube

Максим Тодоров Founder T3D soft

todor_it development company.
 GIT

12 -- 14 На данном этапе этого будет достаточно, но если

захотите углубиться, то есть ещё много других
бесплатных курсов, на просторах ютуб, которые
будут для Вас полезны.

После прохождения этой главы, Вы точно

должны знать что делают команды:
Git clone
Git pull
Git commit
Git push

Примечание:

Максим Тодоров Founder T3D soft

todor_it development company.
 Вы Айтишник!

13 -- 14
Вы Айтишник!
Если Вы дошли до этой части, то мои поздравления!
Вы уже по праву можете считать себя начинающим
Frontend-спецом и точно можете претендовать на
прохождение стажировки или позицию Trainee

в IT-компаниях (Или нет?)

Шанс попасть на стажировку, с текущей точки,

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

Можете воспользоваться этим сервисом (или любым

другим бесплатным сервисом) — [Link]

И начать просматривать [Link] / [Link] / Djinni в

поисках вакансии для стажировки.

Но cейчас порог входа в IT стал намного выше чем даже год

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

Webpack (недели хватит, чтобы пройти несколько

интересных курсов по WebPack)
React (тут Вам придётся поднапрячься и уделить
этому ещё несколько месяцев, так как реакт — это
огромной пласт FrontEnd разработки и самая
популярная на сегодня JS-библиотека

для разработки SPA)

Рекомендую посмотреть серию видеоуроков от
этого парня YouTube
Тут более 50-ти часов теории и практики по React,
но, пройдя всё это, Вы сможете смело указывать в
резюме, что знаете React и можете (в теории) с ним
работать.
Посмотреть, что такое [Link]

(достаточно просто посмотреть несколько роликов,

чтобы было представление, вникать в бэкенд не
обязательно на этом этапе)
Сервисы Trello и Jira — большинство IT-компаний
таск-менеджмент ведут именно там.

Максим Тодоров Founder T3D soft

todor_it development company.
 Заключение

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

Надеюсь, что чек-лист был полезен, а обучение

легким и интересным!

Желаю Вам скорейшего трудоустройства и

развития в IT

Примечание:
C фидбеком и вопросами всегда обращайтесь
ко мне в директ @todor_it

Максим Тодоров Founder T3D soft

todor_it development company.