Где фронтендщику искать информацию?
Первое, с чего вам надо начать – изучение HTML и CSS. Это вам необходимо для того, чтобы понимать, что происходит на экране и как это контролировать. С помощью HTML вы сможете видоизменять содержимое, тогда как CSS – раскладку и цвет.
Один из самых доступных источников – гайд от Mozilla Developer Network. Объяснение небольшое, иллюстрированное и понятное даже тем, кто делает в данной сфере свои первые шаги.
Осилили? Тогда двигайтесь дальше. “Создай сайт” от CodeAcademy – краткий курс, на который вы потратите всего лишь несколько часов. Но вы получите понимание того, как построить сайт на HTML и CSS. Итак, минимальные основы фронтенда у вас есть.
Устали от “сухих” пособий и кажется, что после еще одной строки кода просто сойдете с ума? Можете отдохнуть – CSS Diner как удачный пример подачи информации в игровом формате. Чтобы разобраться с раскладками – используйте LearnLayout. Интерактивное пособие легко воспринимается, но при этом оказывается весьма эффективным.
Используйте любое свободное время о новостях веб-мира. Например, многие специалисты сходятся во мнении, что Professional Web от Donny Truong – мастрид для каждого, фронтендщика. В книге детально рассказывается о типографике именно в разрезе фронтенд-разработки.
Многие источники, ознакомиться с которыми настоятельно рекомендуют многие специалисты, вам придется читать и смотреть на английском. Так что найдите время не только для изучения языков программирования, но и для английского. Чем выше уровень – тем быстрее будет проходить обучение.
Где фронтендщику практиковаться?
Вот только недостаточно просто читать и смотреть – вы должны постоянно практиковаться. И для этого существуют ресурсы. Например, CodePen. Очень лайтовая площадка, с которой начинали многие фронтендщики. Вы можете прописывать код, не создавая файлы на собственном компьютере. Еще одна удобная функция – возможность предпросмотра. Страница будет обновлена сразу после того, как вы сохранили изменения в коде. Приложение также позволяет формировать портфолио, что немаловажно для дальнейшего трудоустройства.
Не забудьте “поиграться” с Dribbble. Там вы найдете много вариантов дизайна. Написать код к ним вы сможете буквально за несколько часов. Алгоритм следующий: подсматриваете дизайн, а затем идете его верстать в CodePen. Не исключено, что ваш дизайн будет отличаться от оригинала. Не страшно. Выбирайте следующий дизайн и продолжайте практиковаться.
Главное, никогда не ленитесь обновлять имеющиеся данные. Пока языки используются – они развиваются. Так что вы должны хорошо ориентироваться во всех трендах фронтенд-разработки. Ну и чтобы закрепить результат – разбирайте примеры и постоянно практикуйтесь. Чтобы ускорить процесс обучения, избежав потерь времени – можете записаться на курсы.