Как стать разработчиком Frontend

Как стать разработчиком Frontend 👩‍💻👨‍💻 + Чеклист Frontend ✅

Наши соц. сети: instagram, fb, tg

Привет! 👋 Сегодня я хотел поделиться с тобой некоторыми советами о том, как стать разработчиком Frontend.

Я решился на это, потому что меня часто спрашивали: «Как я могу стать разработчиком Frontend?», «Когда я узнаю, готов ли я или нет претендовать на работу?», «Чему я должен научиться? »...

И я подумал, что нужно дать тебе ответ публично.

🖐 Прежде чем мы начнем ... Что на самом деле означает быть фронт-разработчиком?

Я хочу поделиться с тобой определением, которое, на мой взгляд, подходит Frontend Developer: профессионал, который знаком с семантическими языками (HTML), языками стилей (CSS) и языками веб-программирования (JavaScript, PHP, Python), может создать функциональную страницу.

Роль фронтендера не следует путать с другими ролями, такими как веб-дизайнер, UX-дизайнер или графический дизайнер.

📍Начало: 3 «цели» Frontend

Есть три языка, с которыми ты должен быть полностью знаком, если ты хочешь вступить в Frontend Devs Fight Club, перечисленные ниже:

HTML: буквально каждая страница, которую ты посещаешь в интернете, построена на этом языке. Интернет в основном о HTML. И он делает веб-страницу веб-страницей. (А для тех, кто заявляет: «HTML - это не язык ...» ХОРОШО, тогда что означает L в HTML ?!).

CSS: этот язык создает те необычные, действительно красочные и удивительные интерфейсы, в которые ты безумно влюблен. Ты должен ПОЛНОСТЬЮ понять, как его использовать.

JavaScript: этот “парень” заставляет страницу и интерфейс работать. Это язык, на котором ты будешь создавать функциональность сети.

🤔 Я слышал о React? Angular, Vue ... Какой из них выбрать?

Я постоянно слышу этот вопрос. «Я видел “х”, о нем часто спрашивали на собесах ... Должен ли я учить это?».

Это зависит от того насколько хорошо ты знаком с HTML, CSS и JS?

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

🎨 Как мне создать свое портфолио Frontend?

И это еще один действительно распространенный вопрос.

Я много раз слышал фразу: «ваше портфолио не должно быть коллекцией наклеек» ... А почему нет? Художники устраивают экспозиции не о своих неудачах, а о своих удивительных рисунках и картинах. Давай, приятель, покажи им, на что ты способен.

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

Некоторые из преимуществ наличия соц сетей: ➀ люди узнают о тебе и твоей работе быстрее, чем отправлять 55 резюме в день, ➁ ты можешь встретить много талантливых людей из твоей отрасли, которые могут оказать тебе помощь и обратную связь, ➂ ты тоже можешь помочь другим!

Например, ты можешь зарегаться в Twitter, Dev.to или Medium.

✅ Чеклист Фронтенда

Еще один вопрос, который мне часто задавали: «Как я узнаю, готов ли я к собесу?» ... Итак, я создал очень простой чеклист, чтобы ты знал, где ты должен работать усерднее и какими навыками ты уже овладел :

📌 Ты знаком с HTML, CSS и JS на продвинутом уровне.

📌 Ты знаком и у тебя есть опыт работы с библиотеками JavaScript. (Momentjs, Chartjs).

📌 Ты знаком и у тебя есть опыт работы с CSS Frameworks. (Bulma, Bootstrap, Foundation, Materialize).

📌 У тебя есть опыт работы с CSS Grid и Flexbox.

📌 У тебя есть опыт работы с API.

📌 У тебя есть опыт работы с JSON.

📌 Tы можешь подключить API к интерфейсу.

📌 У тебя есть минимальный опыт работы с базами данных.

📌 Ты знаешь как деплоить веб-приложение. (Например, через Heroku, Netlify или GitHub Pages).

📌 Ты знаком с JS Frameworks. (Vue, React, Angular).

📌 Ты знаком и у тебя есть опыт работы с аутентификацией. (JWT).

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

🕐 Некоторые инструменты, которые могут сэкономить твое время

Я хотел бы поделиться с тобой наиболее полезными инструментами, которые я использую для организации своей работы и проектов:

Notion: делать заметки и документировать все мои исследования и проекты.

Postman: для тестирования API

Can I Use: для проверки поддержки фичи браузером (JS / CSS)

Trello: инструмент для ведения задач в виде kanban доски

GitHub: все мои проекты здесь, в буквальном смысле.

Netlify: все мои проекты деплоятся на этой платформе, поскольку у меня обычно нет бэкэнда. Если у тебя есть бэкенд, используйте вместо этого Heroku.

Learn javascript: Лучший учебник по JS на русском языке.

Playcode: Онлайн редактор (HTML / CSS / JS), удобно для тестирования маленьких фич и предположений.

🌼 Последнее, но не менее важное

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

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

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

📌 Повторное использование. Тебе не нужно создавать свои проекты полностью с нуля, переиспользуй ранее созданный код.

📌 Комментируй свой код и свои проекты.

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

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

Вот и все, надеюсь, это было полезно.

Продолжай кодить💻

Удачи!💪