Брэдли Найс, менеджер по контенту ClickHelp.com - инструмент для документации программного обеспечения
Front-end разработка похожа на океан. У вас есть корабль, но нет карты. Сначала изучите мелководье, а затем углубитесь.
Стать фронтенд-разработчиком - одна из самых востребованных и прибыльных вакансий на рынке труда сегодня. Всегда есть спрос на высококвалифицированных разработчиков.
Front-end разработчик - это самый популярный термин для веб-разработчика, который фокусируется на коде, который запускается веб-браузером. Средняя зарплата фронтенд-разработчика составляет от 75 до 100 тысяч долларов за опыт работы от 2 лет.
Вот несколько качеств хорошего интерфейсного веб-разработчика:
- Тщательный
- Чуткий
- Сильные коммуникативные навыки
- Хорошо умеет работать с разными группами людей
- Интересуюсь дизайном и эстетикой
- Возможность визуализировать структуру в концепции
Когда мы говорим о Front-End, мы имеем в виду языки, которые интерпретируются браузером пользователя, в отличие от Back-End, которые являются языками, интерпретируемыми на сервере (веб-сайта, к которому пользователь подключается). Языками интерфейса пользователя, которые интерпретируются браузером, являются HTML (язык гипертекстовой разметки), CSS (каскадная таблица стилей) и JavaScript, и каждый из них служит уникальной цели.
Итак, совет №1
1. Изучите HTML и CSS.
Думаю, нет никакого способа обойти это. Изучите HTML и CSS. Почему? Потому что основы имеют значение.
HTML (язык гипертекстовой разметки) и CSS (каскадные таблицы стилей) являются наиболее фундаментальными квадратами построения веб-кодирования. Без этих двух вещей вы не сможете составить план сайта, и все, что вы получите, - это неформатированный простой контент на экране.
Существуют всевозможные онлайн-курсы и книги о том, как начать работу с HTML и CSS. Например, попробуйте следующее:
Сайты: Codecademy, FreeCodeCamp.com, SoloLearn (HTML), SoloLearn (CSS), Treehouse (HTML), Treehouse (CSS), Tutsplus, CSS от А до Я, Dash, Веб-доступность, Привет, мир, Академия Хана, HTML5 с нуля, Sitepoint, Usersnap
Книги: Mozilla, Погрузитесь в HTML5, HTML Dog, HTML и CSS, HTML Canvas
Я также рекомендую разработать несколько небольших элементов пользовательского интерфейса для отработки недавно приобретенных навыков HTML и CSS. Codepen.io - отличная площадка для этого. Просматривайте проекты других людей и участвуйте в их сообществе.
2. Стройте вещи
Поиграться с (маленькими) элементами пользовательского интерфейса - это одно. Создание реальной целевой страницы или веб-сайта - это совсем другое. В какой-то момент вы в конечном итоге начнете использовать фрагменты JavaScript.
JavaScript - надежный язык программирования, и вы можете ожидать, что потратите гораздо больше времени на его изучение, чем на HTML и CSS, которые довольно просты по сравнению.
Изучив основы JavaScript, я бы посоветовал изучить более сложные темы, такие как библиотеки JavaScript, такие как: jQuery, Underscore, React, Angular2, Riot и т. Д.
Просмотрите список сайтов и книг по ним: Лучшие сайты для обучения программированию
3. Читайте, читайте, читайте
Думаю, этого нет. Хочешь верь, хочешь нет. Ваши навыки чтения сильно влияют на ваш путь к тому, чтобы стать отличным фронтенд-разработчиком. Особенно в начале требуется много читать.
Сначала вы, вероятно, прочитаете много статей, руководств и руководств о том, как делать разные вещи. Вы также начнете читать чужой код.
Вы можете проверить: Полезные документы и руководства для интерфейсных разработчиков
4. Front-end разработка - это не только создание сайтов.
Если вы следовали моим советам с 1 по 3, вы, вероятно, уже прошли курс или прочитали много руководств и теперь можете создать веб-сайт.
Однако это не значит быть «фронтенд-разработчиком». Знание того, как создать веб-сайт, - очень небольшая часть интерфейсной головоломки.
Вам предстоит изучить множество тем. Если мы рассматриваем производительность, тестирование, QA и многие другие области, то вам действительно нужно стать глубоким ныряльщиком как front-end разработчик.
5. Знайте свои инструменты
Начиная свой путь с фронтенд-разработки, вам нужно будет определиться со своим набором инструментов и услугами, которые вам нужны, чтобы облегчить вашу жизнь. Важно изучить различные варианты инструментов. Отличные инструменты помогут вам улучшить и автоматизировать рабочий процесс клиентской разработки.
Следующая статья может вам помочь: Полный список лучших бесплатных инструментов и ресурсов для интерфейсных веб-разработчиков
6. Будьте посредником
Как интерфейсный разработчик, вы должны осознавать, что ставите себя на роль посредника. В качестве посредника вы общаетесь с QA-людьми, клиентами, UX-экспертами, а также с другими разработчиками. Вам нужно будет принять во внимание разные точки зрения.
Вот почему, помимо изучения основ HTML, CSS и JavaScript, вам нужно обязательно уметь четко общаться.
7. Не торопитесь и задавайте вопросы
По пути вы спросите себя, зачем вы это делаете, и можете просто остановиться. Может возникнуть соблазн просто сдаться. Но не надо. Если вы на этом этапе, у меня есть только один совет:
DO_NOT_GIVE_UP
Выделяйте один-два часа через день, чтобы учиться. Делайте много перерывов и убедитесь, что вы действительно знаете основы. И никогда не торопитесь.
Основы составляют основу, которая поможет вам перейти на следующий уровень.
Если вы чувствуете себя застрявшим, не бойтесь задавать вопросы. Каждый проходит через этот этап, и наличие терпения поможет вам в конечном итоге стать профессионалом во фронтенд-разработке.
Подведение итогов
Путь к тому, чтобы стать фронтенд-разработчиком, определенно займет некоторое время. Как показано в этом сообщении блога, становление интерфейсным разработчиком - это не только изучение различных интерфейсных фреймворков и языков программирования. Речь идет о взаимодействии, обязанностях и ролях интерфейсного разработчика.
Поскольку Интернет - это быстро развивающаяся вселенная, великие разработчики интерфейсов никогда не должны прекращать учиться. Даже такие мелочи, как подписка на экспертов по интерфейсу в твиттере, повлияют на вашу кривую обучения.
Вам нужно немного терпения, чтобы добраться туда. Спешить не имеет смысла, потому что это не сделает вас счастливым. Никогда не забывайте получать удовольствие, обучаясь и экспериментируя.
Хорошего дня!
Брэдли Найс,
менеджер по контенту на ClickHelp.com - лучший инструмент онлайн-документации для поставщиков SaaS
