План обучения
созданию сайтов с нуля
Обозначения:
ITDoctor
Меня зовут Исмаил Усеинов, я автор
образовательного канала ITDoctor, который
создан для обучения начинающих
разработчиков созданию сайтов своими силами.
Видео урок на
YouTube
Плейлист на
YouTube
Бесплатный курс
Платный курс
Раздел
Канал
Курсы
Телеграм
Код
Ссылка на главу
2
Эксклюзив
1. Редактор кода
Для начала необходимо выбрать редактор
кода, в котором будет комфортно работать.
Разобраться с его функционалом и
настроить его под себя.
VS Code
Мой выбор
Обзор редакторов
кода
Brackets
Sublime Text 3
2
Как перейти на
редактор VS Code
2. HTML, CSS
Теперь нужно изучить два языка для верстки сайтов. Так
же желательно познакомиться с редактором Photoshop,
так как он будет полезен верстальщику, узнать какие есть
аналоги для верстальщика и научиться базовым приемам
работы с командной строкой.
Лучшие сокращение
HTML
за 30 минут
Emmet
CSS
за 30 минут
CSS Grid
Photoshop для
разработчика
Avocode и Zeplin
Платный курс по
HTML+CSS
Работа с командной
строкой на Windows
2.1. Практика
Настало время получить опыт в вёрстке сайтов.
Практика в вёрстке на трех макетах сайтов поможет
вам закрепить все изученное ранее и пополнить
портфолио первыми работами.
Весь курс в одном
видео
Вёрстка сайта
Photoshop
(практика)
Весь курс в одном
видео
Вёрстка сайта Figma
(практика)
Весь курс в одном
видео
Вёрстка сайта Marsy
(практика)
2.2
Верстка сайта с нуля
по макету из Figma
(новый курс)
Иконки
БЭМ
2.2. Дополнительно
Для того чтобы прокачать свои знания еще
сильней, можно научиться работать с иконками,
познакомиться с методологией БЭМ, изучить
фреймвор Bootstrap, научиться работать с CSS
препроцессорами и получить опыт во время
вёрстки макета сайта с использованием Less.
Bootstrap 4
Bootstrap 5
(новый курс)
Препроцессоры
Вёрстка сайта
(практика)
3. Frontend
Настало время изучить язык программирования
JavaScript. JS необходим для создания
интерактивных сайтов. Анимация, выпадающие
меню, слайдеры, галереи, всё это делается на
языке JavaScript. Так же можно изучить сборщик
Gulp для оптимизации своей работы и бибилотеку
jQuery. Умение работать с системой контроля
версий Git никогда не будет лишней.
Весь курс в одном
видео
Сборщик Gulp 4
(новый курс)
Сборщик Gulp 4
JavaScript
за 80 минут
JS + Bootstrap 5
(новый курс)
JS для новичков
Платный курс по
JavaScript
jQuery
Vue JS
(новый курс)
Git
3.1
3.1. Практика
Дополнительная практика на простых задачах с
применением знаний из области программирования
на JavaScript, работы со сборщиком Gulp,
библиотекой jQuery и CSS препроцессорами.
Frontend практика
Курс Frontend
разработчик
4. Backend
Open Server
PHP
В этом разделе можно изучить язык программирования PHP,
научиться работать с базами данных в СУБД phpMyAdmin на
языке MySQL, а так же научиться работать с CMS Wordpress,
создать по урокам два сайта и научиться переносить вёрстку
на движок и в дальнейшем перенести свой сайт на настоящий
хостинг.
за 8 часов
Алгоритмизация
Базы данных
CMS
Хостинг
Textolite
Wordpress
Перенос сайта на
Wordpress
(практика)
Курс на Stepik
"Сайт на Wordpress"
Перенос сайта на
Wordpress
(практика)
Магазин на
PrestaShop