Стоит ли учиться и заниматься frontend-разработокой?

Перевод статьи Vince MingPu Shao «How I transitioned from a graphic designer to front-end developer in 5 months».

Стоит ли учиться и заниматься frontend-разработокой?

2017 год был для меня непростым, но захватывающим. В марте я уволился с должности графического дизайнера и вошел в лабиринт программирования. Через пять месяцев я наконец получил работу фронтенд-разработчика в Tenten.co.

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

Сразу скажу, что мой пост — не четкая дорожная карта, прописанная опытным разработчиком или дизайнером. Также это не руководство для изучающих фронтенд-разработку. По этой теме есть множество прекрасных пособий, некоторые из них я упомяну ниже в этой статье.

Помните, что нет самого лучшего пути, подходящего для каждого.

Мой бэкграунд

Стоит ли учиться и заниматься frontend-разработокой?

В свои 24 года я был графическим дизайнером без всякого опыта в написании кода. В школе мои оценки на экзаменах по точным наукам были плачевными. Эти предметы, изобилующие формулами и числами, неимоверно пугали меня. В то время меня привлекало все красивое, будь то живопись, музыка или художественное слово. Поэтому для меня было вполне логично выбрать в качестве основного предмета в колледже английский язык. Среди моих увлечений числились литература, культура, фотография и дизайн.

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

Почему я захотел писать код

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

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

После многочисленных попыток добиться своих амбициозных целей я разочаровался в том влиянии, какое может иметь графический дизайн в Тайване (а может, и во всем мире).

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

За два года моей карьеры графического дизайнера эта игра мне надоела.

Именно тогда я решил серьезно взглянуть на фронтенд-разработку: эта тема всегда в тренде на Medium.

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

Я уволился со своей должности графического дизайнера в конце зимы. Свой путь превращения во фронтенд-разработчика я начал не имея четкого плана и располагая весьма ограниченными средствами в банке.

Что делать

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

  • В моем случае, поскольку моей целью было выжать как можно больше из комбинации дизайна и навыков разработчика, я сконцентрировал внимание на том, где нужно и то, и другое.
  • Итак, я поставил перед собой цель и составил список того, чем нужно заняться, учитывая мое неглубокое знание фронтен-разработки.
  • 1. Цель
  • Занять должность фронтенд-разработчика.
  • 2. Как достичь цели
  • Создать свой сайт-портфолио для демонстрации моих способностей.
  • 3. Что нужно сделать
  • Изучить HTML, CSS, jQuery/JavaScript
  • Создать сайт-портфолио
  • Приготовить работы для портфолио.

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

  • Sass
  • Gulp
  • CS50
  • Основы Unix
  • Основы WordPress
  • Jekyll
  • Основы AWS
  • Основы знаний сетей

Примечание: Естественно, взрывная волна информации в интернете побудила меня еще больше расширить круг изучаемого. За пять месяцев я поместил туда Node.js, React.js, PHP и многое другое. Но указанные выше задачи это те, с которыми я в итоге справился.

Чтобы действовать по плану, я установил для себя 48-часовую учебную неделю. То есть, я должен был учиться полный рабочий день всю неделю, с одним выходным. Отслеживать мою производительность мне помогал Toggl.

Стоит ли учиться и заниматься frontend-разработокой?Мой отчет Toggl с марта по июль 2017

Также для составления расписания я применил метод постановки долгосрочных, месячных, недельных и ежедневных целей. С помощью Asana я управлял расстановкой этих задач.

Стоит ли учиться и заниматься frontend-разработокой?Asana и составление расписания

Где учиться

Я пытался учиться на многих платформах, с помощью разных руководств и статей. Вот список ресурсов и мои соображения на их счет:

Платформы для обучения

К слову, я терпеть не мог руководства, показывающие мне строки кода в то время как я и понятия не имел, что с ними делать. В некоторых предполагалось, что я все это уже хорошо знаю, в других говорилось, что пока на это можно не обращать внимания. Я вас умоляю! Я же не понимаю ни строчки кода на экране, потому что я совершенный новичок!

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

  • Codecademy – Многие советуют этот ресурс, но мне не понравилось. Я всегда застревал на практических заданиях и не имел ни малейших идей, как решить задачу.
  • Code School – Здесь я провел много времени, потому что учителя очень понятно  все объясняли. рекомендую.
  • Treehouse – На этом ресурсе на YouTube больше всего рекламы! Treehouse проделал прекрасную работу в сфере маркетинга, и это приносит свои плоды. Они освещают много тем, некоторые из них были для меня в самом деле полезны. Например, тяжело найти достойное руководство по WordPress для изучающих фронтенд-разработку, а на Treehouse такое есть.
  • FreeCodeCamp – Обожаю freeCodeCamp! В этом сообществе есть понятный путь, по которому может следовать новичок. Там знают, когда пора убрать страховочные колесики с «велосипеда» ученика. Я был озабочен тем, что учить дальше, после изучения основ HTML, CSS и JavaScript, но freeCodeCamp подсказал и это. Сообщество также делится отличными постами на Medium и по email. В высшей степени рекомендую!

Стоит ли учиться и заниматься frontend-разработокой?Мои закладки

Youtube-каналы

Если вы ограничены в средствах или учитесь просто для удовольствия, то каналы на ютубе – самое то. Размещенные там видеоролики не только прекрасно подходят для изучения отдельных тем, но также очень удобны для первоначального ознакомления с интересующими вопросами.

  • The Coding Train – ведет канал  профессор нью-йоркского университета Дэниел Шиффман. Это самый энергичный преподаватель из всех, кого я только знал. Видео на канале очень доступны.
  • Thenewboston – освещает почти все темы, какие только приходили мне в голову. Ведущий, Баки, Bucky, умеет рассказать о пугающих вещах так, что они кажутся простыми.
  • Academind – также содержит разнообразные руководства, которым легко следовать. Рекомендую.
  • Fun Fun Function  – Ведущий Маттиас Петтер Йохансон – разработчик, прежде работавший в Spotify и Blackberry. Его канал – отличный ресурс для простого изучения JavaScript.
  • Linux Academy – здесь я узнал кое-что об AWS. Мне нравится!
  • Computerphile – видео на этом канале объединены компьютерной тематикой. Это увлекательно, но я, пожалуй, так никогда и не пойму, о чем они говорят.
  • Eli the Computer Guy – здесь я узнал о сетях и серверах.
  • Mycodeschool – мой лучший друг после прохождения  CS50. Понятное объяснение вещей, относящихся к информатике. Мне очень нравилось.

Стоит ли учиться и заниматься frontend-разработокой?

Статьи, которые стоит прочесть

Статьи для меня являются прекрасным посредником в теме описания чьих-то жизненных путей и поиска вдохновения. За эти пять месяцев было столько случаев, когда прекрасные статьи подбодряли меня в часы огорчений и разочарований. Вот некоторые из лучших моих жизненных путеводителей:

Стоит ли учиться и заниматься frontend-разработокой?

Другие полезные ресурсы

  • JavaScript: Understanding the Weird Parts – отличный курс Udemy, прояснивший для меня много непонятных моментов в JavaScript. Настоятельно рекомендую.
  • CS50 at Harvard –был в курсе, что знание информатики не обязательно для младших фронтенд-разработчиков, но я не  смог удержаться от соблазна пройти этот курс, ведь он казался таким интерсным! Оглядываясь назад, могу сказать, что он стоил потраченного на него времени.
  • NYMY – Эпизод 1 –  Петер Левелс –  NYMY это подкаст-шоу, которое ведет талантливый дизайнер Тобиас ван Шнейдер. В этом эпизоде он брал интервью у создателя NomadList Петера Левелса. Я прослушал историю Петера несколько раз, когда бывал на мели. Это часовое шоу показало мне безграничность возможностей, которые есть у программиста/дизайнера.

Как найти работу

После почти 4 месяцев непрерывного программирования и проектирования, я наконец узнал немного о фронтенде. Я также почти на 80% завершил свой сайт-портфолио. К тому времени моих сбережений хватило бы на жизнь только еще на пару месяцев.

Пришла пора искать новую работу.

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

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

Я присматривался к дизайнерскому агентству Tenten как минимум три года. Это единственное агентство в Тайване, способное одновременно задействовать дизайн, цифровую разработку и инновации. Довольно долго они были у меня в списке «пожалуйста, возьмите меня к себе», и я был уверен, что Tenten – единственная компания, которая могла бы клюнуть на мои навыки в разных дисциплинах.

За последние два месяца моего путешествия я узнал как можно больше о позиции младшего фронтенд-разработчика в Tenten. Одновременно я завершил свой сайт. Когда подошло время, я подал заявление на позицию джуниора. В качестве запасных вариантов я разослал свое резюме и портфолио и в упомянутую ранее пятерку компаний. И стал ждать.

И наконец…

Стоит ли учиться и заниматься frontend-разработокой?Я получил работу!

Заключение

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

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

Главное, чему я научился в процессе – начинать делать что-то как можно раньше. Я знаю, что делать первый шаг в собственно построении чего-нибудь страшно, но только так можно чему-то научиться. Помните, что вам в любом случае нечего терять.

Я ужасно счастлив, что уже полгода являюсь фронтенд-разработчиком в Tenten. Но учеба это непрерывный процесс, который никогда не заканчивается!

Стоит ли учиться и заниматься frontend-разработокой?

Источник: https://techrocks.ru/2018/03/07/how-one-can-become-a-front-end-developer/

Frontend разработчик

Фронт-энд разработчик (с англ. «front-end developer») — это программист, занимающийся разработкой пользовательского интерфейса, то есть внешней публичной части сайта в браузере.

Главная задача фронт-энд разработчика — сделать максимально удобным взаимодействие пользователей с сайтом или веб-приложением.
Профессия подходит тем, кого интересует информатика (см.

выбор профессии по интересу к школьным предметам).

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

Программным кодом на сервере занимается другой специалист — бэк-энд разработчик. Для сведения: существует универсальный специалист, который работает одновременно на фронт-энд и бэк-энд.

Читайте также:  Плюсы и минусы породы кавказская овчарка

Он называется фулл-стак разработчик (с англ. «full stack developer»).

Основные инструменты фронт-энд разработчика в web: JavaScript, HTML, CSS.

JavaScript — главный язык фронт-энд разработчика в web, на котором он осуществляет программирование пользовательского интерфейса. Основная задача фронтендера — вёрстка сайтов: написание HTML-кода и CSS-стилей для представления информации в понятном всем браузерам виде и внешнему соответствию сайта макету дизайнера. Часто бывает, что  макеты не отражают всех деталей общей идеи.

В данном случае фронт-энд разработчик включает свои дизайнерские способности, чтобы учесть все технические детали и нюансы. Есть много дополнительных инструментов, которые автоматизируют рутинную часть работы: Sass/SCSS, jQuery, LESS, AngularJS, Bootstrap, Prototype, Ember.js, Backbone, React.js, Grunt Gulp.

А появление  Chrome Dev Tools и Firebug позволило повысить производительность труда.  

Фронт-энд разработчик в web отвечает за то, чтобы страницы сайта выглядели во всех браузерах одинаково и соответствовали макету дизайнера. С появлением новых средств разработки и более современных браузеров эта задача  решается проще.

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

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

Код сайта, написанный фронт-энд разработчиком, можно увидеть, вызвав контекстное меню на сайте и выбрав пункт «Посмотреть код».

Особенности профессии

Функционал фронт-энд разработчика в web выглядит следующим образом:

  • создание HTML-страницы сайта на основе дизайн-макетов;
  • вёрстка сайта и шаблонов для CMS;
  • привязка к пользовательскому интерфейсу скриптов, которые обеспечивают визуализацию и анимацию страниц сайта;
  • обеспечение необходимого уровня пользовательского интерфейса (UI — User Interface) и опыта взаимодействия (UX — Uzer Experience).

Плюсы и минусы профессии

Плюсы

Востребованная и высокооплачиваемая профессия

Минусы

В этой профессии нечётко определены должностные обязанности, и не каждый руководитель понимает и по достоинству оценивает круг обязанностей фронт-энд разработчика.

Взаимодействие с большим количеством людей: бэк-энд разработчиками, пользователями, дизайнерами, тестировщиками, аналитиками и постоянное участие в командных обсуждениях может быть напряжённым и неэффективным.

Место работы

Компании по разработке сайтов, веб-приложений, мобильных приложений.

Важные качества

  • Аналитический ум
  • Ответственность
  • Внимание к мелочам
  • Творческие способности
  • Способность соблюдать дедлайны
  • Умение работать в команде
  • Умение объективно оценивать свои возможности для решения поставленных задач
  • Нацеленность на результат
  • Постоянное желание осваивать новые технологии и инструменты

Стоит ли учиться и заниматься frontend-разработокой?

Оплата труда

Ступеньки карьеры и перспективы

Начинающий фронт-энд разработчик должен обладать навыками верстальщика. Далее карьера может развиваться в нескольких направлениях:

  • специализация в бэк-энд разработках (Python, РНР) приведёт его к профессии бэк-энд разработчика;
  • увлечение пользовательским интерфейсом — к профессии фронт-энд разработчика;
  • внимание к дизайнерской части проекта — к профессии дизайнера;
  • совместное владение навыками фронт-энд и бэк-энд разработчика — к профессии фулл-стак разработчика. 

Дальнейшая карьера может складываться по-разному, в зависимости от места работы, личных предпочтений. В любом случае, в IT-сфере полезно развиваться в горизонтальном направлении, осваивая смежные профессии, чтобы стать настоящим гуру.

Стоит ли учиться и заниматься frontend-разработокой?

Интересные факты о профессии

Типы разработчиков

Гуру — это профессионал с богатейшим опытом работы, обладает навыками практически во всех IT-профессиях. В сложнейших ситуациях умеет сконцентрироваться, быстро вникнуть в суть проблемы и единолично решить её. Занимает должность технического директора и имеет большой авторитет у сотрудников.

Теоретик — специалист, который подкован теоретическими знаниями в области информационных технологий. Постоянно учится новому сам и учит других. Будучи сильным в теории, оказывается слабым специалистом на практике.

Мистер рефракторинг — специалист по переписыванию программного кода, который постоянно стремится к совершенству. Он занимается переписыванием не только чужих, но и своих кодов, причём полностью. В связи с чем всегда нарушает сроки проектов.

Планктон — неопытный разработчик, который не понимает ни того, что он делает, ни того, что происходит в компании. Но это не самое страшное. После его вмешательства в систему, обязательно что-то перестаёт работать. Ему категорически требуется наставник, так как поиски решений на свои вопросы в поисковых системах не дают положительного результата.

Экспериментатор — специалист, который находится в курсе всех новейших технологий и инструментов в сфере IT. Он постоянно стремится использовать новинки в своей работе.

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

Не всегда это происходит от неопытности. Иногда — из-за сжатых сроков  или излишнего давления руководства. Но на всякого лапшакодера найдётся свой Мистер рефракторинг.

Так что не так всё плохо в этом лучшем из миров! 

Автор Флюра Ягофарова

Источник: https://www.profguide.io/professions/front_end_developer.html

Почему вы никогда не научитесь фронтэнд-разработке

Перевод заметки Муна Мохаммед, адаптированный к нашей реальности. Автор рассказывает о фронтэнд-разработке и сложностях ее освоения.

Спойлер: разработке невозможно научиться раз и навсегда. Учиться придется всю жизнь.

«Петя Пяточкин прошел два курса на FreeCodeCamp, после которых устроился на должность фронтэнд-разработчика». Подобные объявления на YouTube, в соцсетях и в «Яндексе» появляются регулярно.

В пабликах и на форумах полно историй о людях, которые учились месяц, полгода или год на онлайн-курсах, получили сертификат и устроились на работу на должность программиста. Можно только пожелать удачи этим людям.

Многие считают, что благодаря онлайн-курсам любой человек может стать разработчиком. Благодаря объявлениям они видят прямую дорогу: оплатил курсы, послушал вебинары, сделал несколько заданий, – стал фронтэндером. Автор заметки тоже попал в эту ловушку.

Реальность отличается от красивых картинок из объявлений.

Автор посвятил около года обучению фронтэнд-разработке. И вот какие выводы он сделал.

Время – самый ценный ресурс

Чтобы стать фронтэнд-разработчиком, нужно многое изучить. Это работает так: человек только научился верстать на флексах, а тут появились гриды. Пока он осваивает гриды, появляется еще десяток тем, с которыми нужно разбираться. Веб-разработка постоянно развивается, поэтому приготовьтесь спокойно воспринимать длинные списки новых тем в своем таск-менеджере.

Здесь вот какая проблема: в рекламе и в соцсетях есть много историй о людях, которые выучили HTML, CSS и JavaScript за пару недель или за пару месяцев. Любой человек в такой ситуации задается вопросом: «Я что-то делаю не так или просто тупой?»

Это провокация, вы не тупой.

Есть такая байка: чтобы стать если не мастером, то хотя бы крепким ремесленником, нужно посвятить выбранному делу 10 000 часов. Вряд ли кто-то проверял точность этой легенды. Но суть ее верна: чтобы освоить дело, нужно практиковаться, работать, пахать. Фронтэнд-разработка ничем не отличается от гончарного дела: чтобы освоить профессию и стать мастером, нужно работать головой и руками.

Стоит ли учиться и заниматься frontend-разработокой? Изучение разработки – путь длиною в жизнь

Промежуточный вывод: каждому нужно какое-то время, чтобы научиться новому. Примите как аксиому: изучение веб-разработки – забег на длинную дистанцию, а не спринт.

Ошибки – это нормально

Каждый, кто изучает HTML, CSS, JavaScript и другие языки, будет ошибаться. Это нормально. Главное, чтобы из-за ошибок новичок не разочаровался в разработке и не бросил учебу.

Автор изучает фронтэнд-разработку около года и все равно ошибается. В начале пути из-за ошибок автор чувствовал себя неудачником. Он тоже хотел бросить разработку. Потом автор стал исправлять ошибки. С каждой исправленной ошибкой росла самооценка.

Ошибки – часть пути разработчика. Каждая ошибка – урок, который делает разработчика лучше. Принимайте ошибки с благодарностью.

Нельзя раз и навсегда выучить разработку

Учить программирование придется всю жизнь. Фронтэнд не ограничивается десятком HTML-тегов и парой JS-функций, которые вы изучили на первых уроках из онлайн-курса.

Чтобы работать, нужно знать препроцессоры, фреймворки, библиотеки. Вы не сделаете и шага без Sass, jQuery, Bootstrap. Новые фреймворки появляются без преувеличения каждый день. И это только вершина айсберга.

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

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

Практика решает

Дабы стать классным плотником, хирургом или веб-разработчиком, нужно постоянно практиковаться. Вы можете не открывать Sublime Text день или неделю. Ключевые знания и умения за это время не забудутся. А что, если не открывать редактор месяц или больше? Вы уверены, что наработанные умения сохранятся?

Практика делает веб-разработчика лучше. Отсутствие практики ведет к деградации.

Гоша и Яша – лучшие друзья разработчика

Источник: https://proglib.io/p/web-developement-is-not-easy/

Профессия фронтенд-разработчик. Обучение в сервисе Яндекс.Практикум

Фронтенд-разработчик собирает сайт по макету, пользуясь языками HTML, CSS и JavaScript. Понимает процессы, сопутствующие созданию сайта и его публикации в сети. Включается в совместную работу через Git и умеет настраивать сборку проекта инструментом Webpack.

Мы хотим научить вас применять технологии, необходимые для получения профессии фронтенд-разработчика.Источник данных: Мой круг

За 7 месяцев обучения по 10 часов в неделю вы освоите востребованные навыки фронтенд-разработчика и соберёте портфолио проектов.

Вот какие проекты вы будете делать:

Музыкальное веб-приложение

Погружение в IT-профессию подразумевает постоянный контакт с изучаемыми технологиями, выполнение практических заданий и общение с наставником. Для этого мы создали собственную среду обучения.

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

Тренажёр — это только часть обучения. Основные навыки вы приобретете по мере решения задач инструментами профессиональных разработчиков, а код-ревьюер даст вам обратную связь.

Команда наставников проверяет и комментирует ваши работы, помогает разобраться в сложностях и обучает собственным профессиональным приёмам. Поддержка в чате доступна 24/7.

Наставники — фронтенд-разработчики из Яндекса и других IT-компаний. Некоторые из них, как и вы, не сразу выбрали свою профессию и тоже осваивали её с нуля.

Стоит ли учиться и заниматься frontend-разработокой?

Сертификат — это официальный документ о дополнительном образовании. Чтобы его получить, необходимо сдать итоговый проект. Для работодателя это показатель, что вы достаточно знаете о фронтенд-разработке и самостоятельно выполнили проекты из вашего портфолио.

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

  • Доступ к первомукурсу в тренажёре
  • Навыки и знания на20 часов обучения
  • 215 практическихзаданий

Закончив бесплатный курс, можно пойти дальше. С этого момента вы начнете полноценно осваивать профессию фронтенд-разработчика.

  • Полный доступк тренажёру
  • Профессиональная программа обученияна 260 часов
  • Поддержканаставника
  • Сертификация
  • Навыки и знания, востребованные работодателями
  • Портфолиоиз 5 самостоятельных проектов

20 часов

Базовый синтаксис HTML и CSS.

Минимально необходимый набор тегов и стилистических свойств: управление цветом, шрифтами, расположением блоков на странице. Всё это — в процессе создания четырёх проектов в тренажёре. Вы также напишете программу на языке JavaScript и сделаете страницу интерактивной.

40 часов

Углублённые знания о семантике HTML-разметки. Освоение необходимых на практике CSS-технологий: flexbox, расположение элементов, создание анимаций, работа с формами.

1 неделя каникул после курса100 часов

Полноценное погружение в JavaScript. Глубоко исследуете все типы данных в JavaScript, отточите навыки работы с условиями, циклами, функциями. Сможете освоить более сложные концепции: объектно-ориентированное и функциональное программирование, асинхронность и замыкания, обмен данными по API технологией AJAX, современный стандарт ES6.

1 неделя каникул после курса40 часов

Для создания современных сайтов необходима экосистема из вспомогательного программного обеспечения. Вы научитесь настраивать окружение веб-приложений. Важнейшие здесь: система контроля версий Git, среда Node.js, менеджер пакетов npm и система автоматизированной сборки проектов Webpack.

40 часов

В заключительный месяц обучения вы сделаете итоговый выпускной проект, подтверждающий знания и умения. Во время работы над ним вам не нужно выполнять домашние задания и узнавать новую теорию из тренажёра — здесь всё происходит так же, как в реальной жизни: задание, сроки, приобретенные навыки и поисковик.

+ 1 итоговый проект в портфолио

Меня взяли на работу Junior-ом на фронтенд в Мск в компанию. Работаю уже 3 недели. Очень много осваиваю по работе , Vue.js , Webpack. График с 10 до 19 – и в нерабочее время приходится много теории изучать.

Да, по верстке Практикум меня прям отлично подготовил. На работе я действительно верстаю как полноценная единица. JS страдает пока))) БЭМ который мы оттачивали в первые два месяца ооочень пригодился. В общем Практикум действительно даёт рабочие знания.

Читайте также:  Искусствовед: плюсы и минусы выбора профессии

Важное уточнение: на момент написания отзыва я успешно окончила бесплатную часть и все блоки, связанные с вёрсткой. Дальше идут разделы о JavaScript и инфраструктуре веб-приложений — о них судить не могу.

Когда объявили о запуске Яндекс.Практикума, я уже несколько месяцев как решила уходить со своей профессии, совсем не связанной с IT, во фронтенд.

В моём багаже были базовые знания о JavaScript, HTML и CSS, огромная неуверенность в себе и вопрос «А что дальше?».

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

Больше всего в самообучении не хватало фидбэка, а на форумах не оставляло ощущение, что все поголовно программисты закончили мехмат и написали первую программу/сверстали первый сайт в первом классе. То есть я опоздала со стартом в программировании минимум лет на 20. Мне 27. В момент, когда я задумалась о платных курсах с наставником, в мою жизнь пришёл Яндекс.Практикум.

Помимо учёбы, также очень хотелось поучаствовать в развитии сервиса, помочь ему стать классным и удобным для следующих потоков.

Большим плюсом стало то, что у меня появился не просто один наставник, а целое комьюнити из одногруппников, преподавателей и тех, кто создаёт сервис.

У нас есть чат, где активны не только студенты, с нами постоянно делятся интересными статьями и регулярно проводят вебинары на темы от Q&A и разбора домашних заданий до БЭМ и эволюции построения сеток.

Принцип тренажёра не новый, такое я видела и раньше, но самое классное здесь — это самостоятельная работа над проектами. Она действительно самостоятельная. Отчётливо помню свой ужас во время первого домашнего задания, когда я увидела, что у меня есть просто статичный макет страницы.

Пришлось открыть редактор и с нуля верстать полностью всё. Я думала не смогу. Я боялась, что результат будет настолько плох, что меня отчислят, потому что таким бездарям не место в программировании. И я отчётливо помню невероятное счастье, когда после проверки увидела комментарии ревьюера.

Да, были ошибки, но кроме них у меня ещё был структурированный и логичный код, хорошая семантика, и я справилась с именованием классов по БЭМу.

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

Прошло почти 2 месяца после первого домашнего задания и около 2.5 месяцев — как я с Яндекс.Практикумом. В моём портфолио одностраничный сайт и большой адаптивный лендинг.

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

Большое спасибо всем из Яндекс.Практикума! Уверена, у нас всё получится.

Задать вопрос студенту

Привет, меня зовут Александр. Есть семья. Мне 38 лет, 10 из них зарабатываю графическим и веб-дизайном, фриланс. Сейчас 3 месяц учусь по программе «Фронтенд-разработчик» в Яндекс.Практикуме. Впереди ещё половина учёбы, поэтому справедливо будет оценить себя, свои успехи.

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

При всём при этом, в конце курса по вёрстке я не жаловался на лёгкость итоговой работы. И теперь у меня есть желание, а главное уверенность в своих силах, — верстать. Я знаю, что до полноценной разработки мне ещё много тем предстоит изучить.

Уверен, у меня всё получится и не в последнюю очередь благодаря команде Яндекс.Практикума.

Задать вопрос студенту

Закончился 1-й курс обучения на frontend-разработчика, теория предоставляется в большом объёме, навыки применяются на тренажёре. Для укрепления информации выполняются проектные работы, чтобы ощутить себя в «бою».

Присутствуют вебинары, на которых преподаватели объясняют сложные моменты и разбирают их со студентами. Удобный формат «вопрос-ответ», где ответят на проблемные вопросы каждого. Учебный процесс дорабатывается с каждым днём во всех аспектах обучения.

Сейчас всё нравится, а будет ещё лучше.

Задать вопрос студенту

Ребят, вот прям очень уважаю за то, что нет воды. Информация структурированная, жизненная, с примерами. Кто примеры придумывает — тот талантливый красавчик. Техподдержка в телеге — вообще огонь! Быстро, по-доброму. В тренажёре задания помогают очень закрепить инфу. Благодарочка всем вам неусыпно бдящим и думающим о нас!

До курса по фронтенду программированию я не училась никогда и вообще ничему не училась онлайн.

В бесплатную часть курса заглянула из любопытства, написала первые строчки кода в тренажёре и вдруг оказалось, что он работает — восторг! Примеры весёлые, объяснения понятные, команда Практикума доброжелательная и поддерживающая – учиться и одновременно наблюдать, как развивается платформа, жутко интересно.

Но покорить JavaScript, конечно, не так просто, как казалось в самом начале – чтобы действительно освоить предмет, потребуется много самостоятельной работы, времени и усилий. Учебный процесс похож на «боевой» рабочий – спринты, жёсткие дедлайны, строгие код-ревьюеры и коллеги в Slack, всё серьёзно. А ещё сложные задачи, которые, кажется, невозможно решить — пока не найдёшь решение.

Я решила сменить профессию и активно искала курсы, которые бы мне подошли, так как курсов много, а качественных мало. Случайно наткнулась на новость о том, что Яндекс открывает свои курсы, поэтому, зная имидж компании, решила попробовать именно их:)

Понравилась интересная подача, много интерактивной работы с учениками. Правда, я попала в одну из первых волн обучения и курс местами сыроват, но техподдержка весьма оперативно помогает. Лена, 23 года)

Задать вопрос студенту

Ребята, спасибо вам за работу! Курс отличный! Доп. лекции — бомба. Это важно и нужно. Комьюнити — огонь. И стафф, и поток прекрасные. Чувствуешь себя как бы «под крылом» и поэтому не страшно учиться. Пока что кажется, что всё сделано грамотно и правильно. Так держать!

Задать вопрос студенту

Мое знакомство с программированием происходило в институте и спустя пять лет я решила начать работать по специальности. Для этого нужно было узнать много нового в области frontenda, так я оказалась на курсах Яндекс.

Практикума, где поэтапно и структурированно дается материал к изучению, который подкрепляется практическими примерами и закрепляется домашней работой. Не могу сказать сложно это или нет, тут все индивидуально и зависит от темы. Что-то мне далось легко, над чем-то пришлось работать больше.

Хочу отметить, что при выполнении домашней работы я использовала не только теорию с курса, но и искала дополнительную информацию. В Яндекс.Практикуме дается базовая часть, поэтому важно не только разбираться в теории из него, но и учиться искать материалы дополнительно.

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

Задать вопрос студенту

Жизнь дает много возможностей каждому, наверно, все это знают. Главное научиться их замечать и использовать. Как раз такой случай и произошел со мной. Став мамой троих замечательных девочек у меня было достаточно времени подумать о работе, которая была бы мне интересна и увлекала своими задачами.

Конечно, я не сразу пришла к своему выбору. Но очень отчетливо помню тот день, когда сформулировала мысль, что передо мной открыты все дороги. А тут Максим сбросил мне ссылку на проект от Яндекс.Практикума, где можно пройти 20 бесплатных часов по любой понравившейся профессии.

На тот момент на сайте было несколько профессии и все они связаны с IT. До сих пор я не рассматривала такое направление своего развития. Решение приняла не сразу, но очень понравилась фраза на сайте, что эти специальности может освоить каждый! В итоге решила попробовать пройти тренажер по фронтенд-разработке…

И испытала фейерверк эмоций и ,наверно, еще до сих пор испытываю, хотя уже прошла 5 месяцев обучения.

Курс для меня оказался очень мощной прокачкой и даже больше — новым этапом в моей жизни. Каждый раз радуюсь, когда вижу, что моя работа прошла ревью. Уже сдано 9 работ и все девять раз думала, вот это я постаралась и сложнее уже не будет) Приятно осознавать, что информация постепенно усваивается.

Бесконечно счастлива, что учусь с умными и талантливыми ребятами. Уверена, что у каждого получится достичь своей цели и сама двигаюсь к ней) Благодарна ревьюерам, преподавателям и кураторам курса. Все отзывчивы, готовы направить и учесть пожелания. Главное использовать свои возможности)

Задать вопрос студенту

Вы сможете попробовать себя в роли фронтенд-разработчика и освоить азы профессии.

Подойдёт ли мне профессия?Для тех, кто ещё нетвёрдо уверен в своём намерении, мы спроектировали бесплатную часть, которая поможет получить ответ на этот вопрос. Если вы убедитесь, что разработка не для вас, это тоже положительный результат.Можно ли обучиться профессии за 7 месяцев?Думаем, что да, если вы будете уделять занятиям не менее 10 часов в неделю, выполнять домашние задания и общаться с вашим наставником. Тогда за 7 месяцев вы сможете освоить навыки фронтенд-разработчика, соберёте портфолио проектов и начнёте свой путь в профессию.Каким требованиям я должен соответствовать?Для старта достаточно иметь законченное среднее образование и возможность заниматься не менее 10 часов в неделю.Программа составлена опытными преподавателями, методологами и действующими специалистами не только Яндекса и Школы анализа данных, но и других лидеров технологической и образовательной индустрии.Как и когда я буду учиться?Обучение строится из трёх составляющих: теория с закреплением в тренажёре, домашнее задание для самостоятельной практики и работа с наставником над кодом. В тренажёре вы учитесь в любое удобное время, а выполнение домашнего задания привязано к двухнедельному циклу.Что делать, если я не справлюсь с нагрузкой?Если вы понимаете, что нужно сделать паузу или получить дополнительное время для закрепления материала, у вас есть возможность взять академический отпуск на месяц — но только два раза. Также в учебной программе предусмотрены каникулы: два раза по одной неделе.Смогу ли я найти работу после обучения?Сможете, но просто не будет. Рынку требуется умение, а не просто набор знаний — мы научим вас применять эти знания и поможем сделать портфолио из реальных проектов. Чтобы заявить о себе, понадобится приложить серьёзные усилия. Например, поработать на фрилансе. В конечном итоге шансы устроиться в хорошую компанию будут тем выше, чем больше тех самых реальных проектов в вашем портфолио.А если я хочу работать в Яндексе?Мы подготовили курс так, чтобы вы могли начать карьеру непосредственно после обучения. С ходу получить работу в Яндексе маловероятно: крупные IT-компании подбирают сотрудников с бóльшим опытом или прошедших специализированные вузовские программы. Мы рекомендуем отточить навыки в компаниях поменьше, а затем претендовать на должность в более крупных — в том числе и в Яндексе.Если не понравится, я могу вернуть деньги?Короткий ответ — да, причём в любой момент. Правда, если вы уже прошли какую-то часть курса, её придётся оплатить, но остальное вернём. Более подробно рассказываем про это в шестом пункте оферты.А как же знание математики и алгоритмов?Наша задача — научить начинающего специалиста думать на языках HTML, CSS и JavaScript, как учат думать на иностранных языках. Здесь достаточно знания математики на уровне средней школы, поэтому мы не тратим ваше время. Когда вы захотите пойти дальше до уровня продвинутого специалиста, то сможете подтянуть математику и алгоритмическое мышление. Отдельный курс по ним находится на стадии разработки.

Источник: https://praktikum.yandex.ru/frontend

Востребованные интернет-профессии: фронтенд- и веб-разработчик — «Хакер»

Содержание статьи

Среди самых востребованных профессий сегодняшнего дня — веб- и фронтенд-разработчик. Хотя специалистов по веб-разработке достаточно много, спрос на них не падает.

Веб-разработчиков достаточно много. Но это не повод для беспокойства. Пользователей, которым нужно помочь создать сайт или изменить уже имеющийся, гораздо больше. Так, только в домене .

RU каждый день регистрируется более 5000 сайтов. Все это — новые домены, а значит, потенциальные клиенты.

Учитывая, что на разработку добротного сайта (готовая CMS + готовый шаблон таковым не считаются) нужно несколько месяцев, работы на всех хватит.

Существуют разные способы: правильные и неправильные. Сначала о неправильных.

Можно прочитать руководство по WordPress или даже книгу по Joomla, научиться устанавливать эти CMS и использовать уже готовые шаблоны и считать себя веб-разработчиком.

Читайте также:  Автомобиль Toyota Avensis (Тойота Авенсис) — основные плюсы и минусы модели

Только для Joomla в Сети можно найти несколько тысяч, если не десятков тысяч бесплатных шаблонов. В принципе, конечный результат, создание сайта, достигнут: сайт создан и клиент, может быть, даже доволен.

Проблема в ином. Такая работа несложная и не совсем качественная, поэтому и оплачивается соответственно. Посмотри на фриланс-биржах, сколько платят за установку готовой CMS и адаптацию имеющегося шаблона.

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

Но нужно думать о будущем: все хотят зарабатывать достойные деньги, а для этого нужно быть хорошим специалистом в своей области.

Именно поэтому пора перейти к рассмотрению правильного метода обучения. Правильный метод — обратиться к профессионалам, предлагающим грамотно «упакованный» и отфильтрованный контент, благодаря которому всего за полгода превращаешься в junior-специалиста.

Конечно, можно прикупить литературы по HTML, CSS, PHP и JavaScript и заняться самообучением. Но, как и у самолечения, у него есть побочные эффекты. Во-первых, эффективность зависит от правильно подобранной литературы, а правильно подобрать ее может только профи, которым ты пока не являешься.

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

Знакомо? И не факт, что самообучение поможет в трудоустройстве, — корочки-то нет!

Профессионалов, которые помогут всего за шесть месяцев превратиться в довольно квалифицированного junior-разработчика, можно найти в университете «Нетология».

«Нетология» — это университет по подготовке и дополнительному обучению специалистов в области интернет-маркетинга, управления проектами, дизайна, проектирования интерфейсов и веб-разработки.

Именно в «Нетологии» ты можешь освоить профессии фронтенд- и веб-разработчика. Самоучкам и просто новичкам может показаться, что это одно и то же, но это не так.

Фронтенд-разработчик разрабатывает интерфейс пользователя. Он должен идеально владеть HTML, CSS и JavaScript — без этих технологий интерфейс современного веб-приложения не построишь.

Веб-разработчик занимается разработкой бэкенда — части веб-приложения, которая выполняется на сервере. В идеале веб-разработчик вообще не должен касаться всего, что связано с дизайном (HTML и CSS), поскольку модель MVC подразумевает разделение кода и дизайна. Конечно, знания HTML и CSS пригодятся, поскольку с ними часто приходится сталкиваться на практике, которая не всегда идеальна.

Программы состоят из четырех ключевых блоков, которые должен освоить каждый фронтенд- или веб-разработчик.

  • Фронтенд-разработчик: HTML и CSS, JavaScript, JavaScript в браузере (продвинутый уровень), React.
  • Веб-разработчик: HTML и CSS, PHP, JavaScript, JavaScript в браузере (продвинутый уровень).

Каждый блок профессии плавно переходит в другой. То есть ты будешь точно понимать, зачем нужен JavaScript или PHP. На сторонних площадках такого нет. Там предлагаются отдельные курсы, например отдельно по HTML/CSS, JavaScript. Ты будешь вынужден сталкиваться с разными форматами преподавания и временными паузами между курсами.

«Нетология» не записывает готовые видеоматериалы, она учит в режиме реального времени, то есть, если что-то непонятно, можешь задать вопрос преподавателю и сразу же получить ответ.

Тебя ждут 146 часов практики — это гораздо больше, чем где-либо еще. Постоянные домашние задания будут оцениваться преподавателями курса, которые объяснят, что ты сделал не так и как это исправить.

По каждому из четырех блоков делается проектная работа, в конце обучения ждет дипломная работа, составляемая по ТЗ самостоятельно под контролем опытного наставника.

Если проект не пройдет код-ревью или не будет работать согласно техническому заданию, студент не получит диплом.

А теперь о самом главном — дипломе.

В отличие от других площадок, где ты получишь кусок пластика с надписью «Сертификат», «Нетология» выдает диплом о повышении квалификации установленного образца, даже не один диплом, а целых четыре — по одному на каждый блок программы. Вся образовательная деятельность «Нетологии» ведется на основании государственной лицензии. Такие «корочки» точно помогут при будущем трудоустройстве на высокооплачиваемую должность.

Обучение обойдется от 34 900 до 39 900 рублей (в зависимости от времени, когда ты подашь заявку). Для читателей xaker.ru «Нетология» предоставила дополнительный промокод development со скидкой 4000 рублей. В этом случае цена на программу будет от 30 900 до 35 900 рублей.

Похожие программы на рынке оцениваются в 44 000–60 000 рублей. Набор из четырех отдельных курсов «Нетологии» будет стоить около 52 600 рублей. На данный момент это самое выгодное предложение на рынке.

Источник: https://xakep.ru/2017/06/28/ng-frontend-promo/

Как стать фронтенд-разработчиком

По образованию я инженер-строитель. Пять лет работал проектировщиком в конструкторском бюро, рассчитывал надёжность зданий и сооружений. В какой-то момент я понял, что мне не хватает развития. Я сидел как леший в болотце и потихоньку обрастал «ментальным» жирком. Пришла мысль сменить профессию.

В моём окружении всегда было много айтишников. Они постоянно рассказывали об интересных рабочих задачах и новых технологиях. А для меня самой «горячей» новостью было изменение СНиПа 85-го года — убрали опечатку в слове. Хаха, вы серьёзно? Потому я и решил попробовать себя в IT.

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

Я пробовал разбить обучение на последовательные шаги, но это оказалось нереальным: нельзя сначала изучить HTML и CSS, а через месяц взяться за JS. Это всё работает вместе. Поэтому придётся на каких-то этапах совмещать несколько источников. Главная идея — итеративное обучение: почитал теорию — закрепил на практике. И так повторять до бесконечности.

Закладываем фундамент

Я начал с курсов от HtmlAcademy. Ребята дают основы и закладывают правильный фундамент, на который потом проще будет надстраивать свои навыки.

  • Очень круто, что на курсах нет «голой» теории — вы сразу учитесь на практике.
  • Сам я прошёл только начальный и средний уровень, но если у вас будет желание и энергия заглянуть в продвинутый — не пожалеете.
  • Что даст: понимание, что такое вёрстка, HTML, тэги и атрибуты — вы научитесь верстать сетки, оформлять текст и немного поиграете с анимацией.

Прививаем хороший стиль с самого начала

Фундамент заложен, можно углубиться в вёрстку. Я взялся за методологию БЭМ от Яндекса. Её используют почти все компании для создания структуры классов. 

Полностью всю методологию можно не изучать, но раздел «Быстрый старт» знать и использовать надо.

Ещё есть такой парень — Вадим Макеев. Он веб-евангелист (что бы это ни значило). Рассказывает и показывает, как делать валидную и удобную вёрстку. Погуглите его видосы и слушайте подкаст. По моему мнению, Вадим иногда перегибает палку, но рассказывает вещи, которые надо знать.

У него есть хороший доклад, который вдохновил меня с самого начала — «Людоедский интерфейс».

Что даст: умение различать хороший подход к вёрстке от плохого и создавать иерархию классов, на которую и через полгода можно смотреть без отвращения.

Практикуемся

Получили базу — нужно пробовать создавать тестовые странички. Гуглите «бесплатные PSD макеты сайтов», скачивайте и верстайте их. Не забывайте про адаптивность.

В браузере Chrome есть панель разработчика. Погуглите и используйте её — она упрощает жизнь.

Скачайте и установите редактор исходного кода — теперь это ваш главный инструмент в работе. Я использовал Atom и VS Code. Это бесплатные редакторы. Они легко оптимизируются под себя разными расширениями.

На этом этапе нужна критика. Ищите в своём окружении или на форумах фронтендеров и показывайте им свои макеты. Фидбек от эксперта поможет найти слабые места и пробелы в знаниях.

Положите любимые свёрстанные макеты в портфолио — будет плюсом при поиске работы.

Что даст: реальный опыт вёрстки, пусть и в «домашних» условиях.

Изучаем современные способы работы с сеткой

Нужно знать flexbox и grid. С их помощью можно создавать гибкую сетку и радоваться жизни, а не страдать как наши предшественники с табличной версткой и флоутами. 

Лично для меня flexbox стал откровением. Я пытался сделать хитрую сетку с помощью флоутов, когда подошёл мой друг и сказал «Да тут на флексбоксах делов на 5 минут». И да, действительно на 5 минут… даже на 4! После этого мой мир изучения фронтенда изменился 🙂

Интересный тренажер для изучения flexbox — Flexboxfroggy. Сам до сих пор иногда залипаю в свободное время.

Что даст: опыт использования современных технологий и подходов к работе.

JavaScript

Не стоит забывать про JavaScript — без него сейчас никуда. Есть отличный учебник от Ильи Кантора — «Современный учебник JavaScript». Первая часть про основы JS, вторая про работу с DOM — как управлять элементами на странице с помощью JS. Учебник можно изучать бесконечно, но для начала хватит первых пяти глав. 

Здесь главное не переборщить с теорией: освоил тему — закрепи на практике. Придумывайте себе задачи, которые требуют использования JS: скрыть элемент на странице при нажатии на кнопку; показывать или скрывать элементы на странице по таймауту.

Что даст: начальное знание JavaScript.

Что ещё нужно знать

Ещё есть такая штука как Webpack — сборщик модулей. Его используют на проектах, в которых много подключаемых файлов и зависимостей между ними. У Ильи Кантора есть скринкаст про него. Он, правда, немного устарел — вышло уже несколько новых версий Webpack. Но принципиальных отличий нет, для фундамента самое то.

Неплохо бы изучить и препроцессоры Sass/SCSS и Less. Они оптимизируют работу с CSS: с переменными, правилами вложенности, функциями и логическими блоками. 

Добавлю, что не все браузеры будут одинаково отображать ваши свёрстанные макеты. Например, IE не дружит с флексбоксами, и далеко не все современные браузеры полностью поддерживают грид. Поэтому всегда проверяйте свои макеты в Chrome, Mozilla Firefox, Opera, Safari, IE и Edge.

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

Если вы уверенно чувствуете себя в JS, можете начинать выбирать фреймворк для изучения. В России, как я вижу, самый популярный это React. Рядом с ним стоят Vue и Angular. Каждый из них чем-то лучше и чем-то хуже других — всё зависит от задачи, которую нужно решить.

Что в итоге

Я занимался самостоятельно по 2-3 часа в день в течение шести месяцев. И за это время я…

  • узнал, что такое HTML, CSS, JS, понял, как это всё применяется и работает вместе;
  • научился отличать хорошие подходы к разработке от плохих, начал замечать косяки на своих любимых сайтах;
  • узнал, что такое табличная верстка, флексбоксы и гриды, научился их использовать;
  • понял, как работает один из препроцессоров и научился применять его в работе;
  • смог собрать проект с помощью Webpack;
  • смог самостоятельно сверстать и прикрутить JS на сайт;
  • научился работать с редактором кода и оптимизировал его под себя.

Ищем работу по новой специальности

Полученных навыков хватит, чтобы претендовать на позицию фронтенд-разработчика уровня джуниор.

Чтобы попасть во fuse8, я взял отпуск на текущей работе и напросился на бесплатную стажировку. За эти две недели я старался показать всё, на что способен. В итоге меня взяли джуниором. Тут-то и началось основное обучение.

Выражение моего лица, когда узнал, что меня взяли на работу во fuse8

Если вы хотите устроиться в конкретную компанию — мониторьте вакансии, смотрите на указанные там требования и подстраивайтесь под них.

И не забывайте, что на ваш успех в работе влияют не только хард-скилы. Прокачивайте себя, приобретайте гибкие навыки (софт-скиллы): коммуникативность, умение работать в команде, креативность, тайм-менеджмент и другие.

Авторы и источники фото: Julian Moreau, Ricardo Gomez Angel, Adrian Trinkaus, Kelly Sikkema, David Siglin, Frederico Izzo on Unsplash.

Источник: https://fuse8.ru/articles/how-to-become-a-front-end-developer

Ссылка на основную публикацию
Adblock
detector