Всё что нужно знать начинающему fronted-разработчику в 2017-2018

Любой человек, который сидит в интернете, хоть иногда задумывался, как создавать сайты. Для некоторых сайт – это информация, развлечение и т.д., а некоторые зарабатывают на этом неплохие деньги.

Fronted–разработчик – это профессия не самая простая на первый взгляд, но если присмотреться, то можно разобраться и стать профессионалом в своем деле.

Мои знакомые и просто любопытные люди всегда задают мне ряд вопросов: «Какие книги мне подойдут?» или «Как быстро изучить это все?». Однозначного ответа нет, каждый человек по-разному воспринимает информацию, но многие не могут просто найти подходящую им книгу среди большого разнообразия. В данной статье будут указаны актуальные материалы, которые пригодятся для быстрого изучения необходимых технологий.

HTML и CSS

Никакой сайт не сможет обойтись без этих двух технологий. На начальном этапе изучения они не должны вызывать у вас особых проблем.

Книги:

- Дэвид Макфарланд «Новая большая книга CSS3» (2017) – отличная книга, которую приятно читать. Содержит много полезной информации. Подойдет, как для новичка, так и для уже знающих основы.
- Дженнифер Роббинс «HTML5. Карманный справочник» (2015) - книга, которая должна быть всегда под рукой, чтобы быстро узнать любую информацию о любом элемент.

Интернет-ресурсы:

- http://htmlbook.ru/ - незаменимый сайт, с помощью которого вы всегда можете изучать HTML и CSS, а также перейти в справочник и посмотреть то, что вылетело из вашей головы;
- http://ru.html.net/tutorials/html/ - еще один сайт с полезной информацией по HTML.

Видеоматериалы:

Видео, в котором автор рассматривает основы HTML. Начало серии уроков «Учим за час».

Познавательное видео, которое рассмотрит интересующие вас вопросы по CSS.

JavaScript

Многие задаются вопросом: «Зачем мне язык программирования в верстке сайтов?». Такие люди заблуждаются, так как если вы хотите создавать «живые сайты», то вам обязательно стоит изучить JavaScript.

Книги:

- Дэвид Флэнаган «JavaScript. Подробное руководство».
- Стоян Стефанов «JavaScript. Шаблоны».

Интернет-ресурсы:

https://learn.javascript.ru/ - данный сайт позволит изучить или дополнить существующие знания по данному языку.

Видеоматериалы:

Продолжение серии уроков «Учим за час». К просмотру обязательно, видео урок даст первое представление о языке программировании.

Инструменты

Стартовый набор программ для новичка.

1. Sublime Text 3 – мощный редактор кода, который можно настроить под себя. Существует множество плагинов, которые могут облегчить жизнь любого верстальщика.

Список основных плагинов:

- emmet – данный плагин позволит быстро набирать код в редакторе кода;
- brackethighlighter – подсветка скобок и кавычек в коде;
- autofilename – автодополнение путей к файлам;
- colorhighlighter – подсвечивает цвета.

Этот список можно еще долго продолжать, но для начала изучения верстки вам понадобится самый минимум.

2. Adobe Experience Design CC – программа для разработки интерфейсов, поможет в проектировании макетов сайтов.
3. Adobe Photoshop – объяснять, что это за программа нет смысла. Ее можно использовать также для разработки шаблона, но этот метод является очень трудным и время затратным, так что предлагаю Photoshop использовать только для редактирования фотографий, иконок.
4. OptimizedHTML 2.0 – это стартовый шаблон для скоростной верстки от канала «Webdesign master». Набор, который поможет избавиться от рутинной работы. Подойдет более усердным ученикам.
5. W3C Validator – проверяет корректность кода на синтетические ошибки.

Курсы

Если вы не можете организовать свое время для изучения технологий верстки, то вам скорее всего подойдут курсы. Каждый курс хорош по-своему, так что выбирайте тот, который подойдет для вас по цене и времени обучения.

Перечень качественных курсов:

- HTML academy - интерактивные курсы по HTML, CSS, JavaScript, также есть платные углубленные курсы;
- курс от Geekbrains - интенсивный курс, после прохождения которого вы получите сертификат и навыки командной разработки.

Все, что здесь предложено не дает вам стопроцентного результата, но даст существенный толчок. И запомните, что чтением книг нельзя ограничиваться, стоит постоянно практиковаться.

Переводим таблицу Excel в HTML с сохранением функционала, используя Javascript... В этом уроке мы разберем, как перевести таблицу Excel в HTML, с сохранением интерактивных элементов и формул. В итоговую верстку HTML можно будет внос...
Графический редактор Gravit как альтернатива Adobe... Для создания действительно качественной графики наличие профессионального графического редактора является едва ли не обязательным условием. Таковых ре...
Удалить “noopener noreferrer” у ссылок WordPress Продолжаем улучшать работу и понимание Wordpress - одной из лучших CMS современности в вэбе. Неопытные вебмастера могли заметить, что новые версии ...

Опубликовано в 21:49, 12 ноября 2017 | Обновлено в 21:50, 12 ноября 2017 | Просмотров: 82