Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Страница автора - Андрей Бернацкий - Webformyself
Страница автора

Автор(ы): Андрей Бернацкий

Данный курс построен по принципу от простого к сложному. По ходу прохождения курса мы будем рассматривать инструменты от самых необходимых (без которых вообще невозможна Front-End разработка), и, по мере прохождения курса, мы будем переходить к более узконаправленным профессиональным инструментам.

Смотреть видео:

Инструменты Front-End разработчика. (Андрей Бернацкий - Webformyself)

Содержание:

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

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

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

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

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

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

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

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