Раздел №1. Инструменты для начинающих

• На старте карьеры начинающему Front-End разработчику нужно решить очень много вопросов. Одни из них – это вопросы, связанные с выбором подходящих инструментов для работы. Чтобы определиться с инструментами, нужно понять, а что вообще нужно для старта в веб-разработке.
• И прежде всего нужно проанализировать макет сайта, вырезать из него необходимые изображения для верстки. А для этого нам потребуются знания по графическому редактору, в котором создаются макеты. Наиболее функциональным и удобным является редактор Photoshop.
• На следующем этапе нам необходимо сверстать страницу. Для этого нам потребуется редактор кода. Далее необходимо протестировать страницу на сервере и расположить ее в интернете.
• Когда новичок без специальных знаний начинает сам подбирать себе инструменты, существует высокая вероятность того, что изначально он выберет не лучшие из них, а процесс освоения затянется на долгие месяцы или даже годы. И если инструменты будут неподходящими, то есть риск так и не выбраться из этапа выбора инструментов для работы. Ведь выбирать и изучать можно до бесконечности.
• Именно поэтому целью данного раздела является быстрая помощь на старте карьеры любого новичка. Мы покажем, какие инструменты выбрать и как их использовать, не затрачивая на их освоение и мучительный перебор всех возможных вариантов годы. Вы сможете сэкономить уйму времени, сосредоточившись на главном – качественной и быстрой верстке.
• Первый раздел мы посвятили тому, какие инструменты выбрать новичку и как ими пользоваться. Здесь мы рассмотрим все необходимые инструменты для начинающих разработчиков.

Раздел №2. Инструменты для профи

• На определенном этапе своего развития любой разработчик сталкивается с насущной необходимостью автоматизировать по максимуму функции по написанию кода, упростить и сделать более приятным процесс поиска и исправления ошибок, ускорить процесс написания кода и облегчить процесс разработки…
• А для сложных проектов встает ребром вопрос эффективного взаимодействия в рамках командной работы и отслеживания контроля версий.
• Именно поэтому задача второго раздела состоит в том, чтобы детально рассмотреть инструменты, которые позволяют ускорить разработку проектов, а также научиться их грамотно использовать.

Раздел №3. Оптимизация

• После того, как сайт сделан и расположен в Интернете на сервере, нужно оценить, насколько он удобен для использования.
• Одним из параметров такой оценки является скорость загрузки сайта. На скорость загрузки влияет очень много параметров: начиная от настроек сервера и заканчивая самим кодом сайта...
• В данном разделе мы детально изучим инструменты, которые позволяют оценить, насколько наш сайт работает быстро.
• Рассмотренные в разделе инструменты позволят увидеть те места, которые замедляют загрузку и работу сайта и получить рекомендации по их устранению.

Раздел №4. Полезные плагины

• Уже давно прошли те времена, когда Google Chrome был просто браузером – программой для веб-серфинга...
• Сейчас Google Chrome это полноценный инструмент для веб-разработчика – даже с базовым функционалом «из коробки». А использование дополнительных плагинов значительно упрощает и ускоряет решение некоторых вопросов, расширяет его функциональность до нового уровня.
• Плагинов для Chrome существует очень много, и все мы их рассматривать не будем. Чтобы сэкономить ваше время и облегчить бремя выбора, я отобрал для вас лишь 15 наиболее актуальных, функциональных и перспективных из них.
• Именно их изучению и посвящен весь IV раздел курса.