Не будьте частью стада, следуя за популярностью фреймворков, используйте только то, что вам действительно необходимо.
На первых этапах работы программистом люди действительно теряются, пытаясь найти своё место, и продолжают задавать себе множество вопросов, например: чему я должен научиться? может быть, frontend веб-разработка, или, может быть, облачные вычисления, машинное обучение для меня лучше, нет, backend веб-разработка - это то, чего я хочу.
Однако, когда дело доходит до самой увлекательной области «frontend веб-разработка», людей действительно привлекает то, что все рассказывают об этой области, как они говорят: вам не нужна математика, нет никакой сложности, вам просто нужно немного знаний Html, CSS & Javascript, и вы готовы к работе », плюс тот факт, что на первый взгляд frontend легко изучить и понять.
Как новичок во frontend-разработке с некоторыми базовыми познаниями в Html, CSS, Javascript первое, что вы услышите в группах, на форумах, даже в вопросах и ответах: «Вы новичок !!! Значит вам лучше пойти изучить React, Vue или Angular », потому что вокруг них много шумихи, плюс их популярность и то, как часто они появляются среди наиболее популярных проектов и репозиториев в Github с другими frontend инструментами. Их используют и такие технологии, как Bootstrap и Flutter, так что вы без проблем попадаете в эту ловушку и начинаете изучать React, Vue или Angular без каких-либо основательных знаний Javascript.
То самый случай, когда вы начинаете свой путь с фреймворком или библиотекой без продвинутых или даже фундаментальных знаний языка, используемого при создании этого фреймворка/библиотеки.
В качестве примера посмотрим на React.js.
В первую очередь, вы ищите книгу, курс или, может быть, бесплатное руководство по React на Youtube, в случае с книгой, предполагая, что вы торопитесь, как и большинство новичков, вы можете пропустить введение книги, поэтому вы просто начнете с первой главы. Скажем, как написать программу «Hello world»! И вдруг вас шокирует что-то вроде этого:
или что-то такое:
И вы спрашиваете себя: «Что это за ад? Я думаю, backend-разработка была бы лучше, чем это, мне нужно изменить своё направление», а я говорю: нет, вам не нужно менять направление.
Это как раз то, что произойдет если вы только изучили основы Html, CSS и Javascript и сразу решили использовать React, Angular или Vue.
Примечание:
Я говорю здесь о людях, которые не знакомы с написанием кода, другими словами, которые только начали свой путь в Javascript.
В случае, если вы похожи на новичков, которые не сталкиваются с большим количеством препятствий или проблем, пытаясь узнать что-то новое, даже изучая сложные алгоритмы, или управление состоянием во Flutter можете продолжать свой изначальный путь.
Вы можете начать изучать фреймворк/библиотеку как новичок без каких-либо предварительных знаний языка, используемого для создания этой библиотеки, вы можете даже получить работу, но я обещаю, что вы будете бороться с самыми простыми вещами, пытаясь что-то построить.
Я здесь не для того, чтобы напугать вас, а лишь помочь на нелёгком пути начинающего разработчика.
Чтобы избежать подобной неприятной ситуации, в которую может попасть любой новичок во frontend-разработке, я дам вам несколько советов, прежде чем вы начнёте ваше путешествие с фреймворками.
Пейте, ешьте и вдыхайте Javascript, Html и CSS
Как frontend разработчик, прежде чем пытаться изучить какой-либо интерфейсный фреймворк, прежде всего, вы должны иметь как минимум серьезный опыт в:
Html(HyperText Markup Language):
Таким образом, вы можете создать структуру для своей Html-страницы, узнать как можно больше о семантическом html, даже опытные веб-разработчики все еще открывают для себя каждый день новые вещи в html, проверяйте W3C (Консорциум World Wide Web) HTML5, чтобы понять, о чем я говорю.
CSS (Cascading Style Sheets):
Чтобы стилизовать вашу страницу, не нужно переключатся на чрезвычайно сложные инструменты, когда дело доходит до создания полезной анимации и выполнения некоторых крутых трюков с CSS, пожалуйста, попробуйте сами изучить продвинутый CSS, существуют сотни учебных пособий, попробуйте освоить CSS Grid , Flexbox и Transition, я имею ввиду, если вы можете даже знать, истинную силу CSS.
Javascript
Наконец, Javascript, язык программирования, который добавляет движения вашему веб-сайту или отдельному веб-приложению, может показаться легким его освоение вначале, но как только вы углубитесь в ядро языка, он даст ощущение того, что «невозможно научиться этому », так что не пытайтесь постигнуть всё и вся, попробуйте изучить, асинхронный Javascipt и отточите свой мозг расширенными знаниями о классах и функциях в ООП, это ваш единственный способ стать отличным разработчиком в том же React.
Советы которые могут вам помочь на пути к frontend:
Git и ещё раз Git
Отслеживание изменений в вашем проекте полезно, плюс поделиться своим кодом со всем миром важно для любого программиста (в наши дни даже непрограммисты используют его).
Typescript
Привнесенный Microsoft, добавление типов к вашему javascript-коду, а также мощь классов и интерфейса в помогут вам.
Структуры данных, алгоритмы, шаблоны проектирования
Понимание структур данных, шаблонов проектирования помогут вам встать в ряд великих разработчиков.
UI / UX дизайн
Я знаю, что это работа дизайнера, но получение и приобретение знаний о дизайне UI / UX улучшит вашу клиентскую разработку и улучшит общение с дизайнером.
Babeljs
Когда дело доходит до преобразования вашего javascript-кода, чтобы он мог быть совместим со старыми браузерами, Babeljs буквально является вашей правой рукой.
Командная строка + менеджеры пакетов
Изучение командной строки вашей операционной системы действительно полезно, особенно когда вы собираетесь установить программное обеспечение или, возможно, глубоко взаимодействовать с вашей системой. Не забудьте и о менеджерах пакетов, таких как Yarn и Npm.
Инструменты разработчика браузера
Они помогут вам отредактировать вашу веб-страницу и улучшить ее, плюс эти инструменты будут вашим другом на пути отладки, большинство разработчиков (включая меня) потратили огромное количество своего времени на отладку.
Заключение
Как мы знаем, питье, еда и дыхание являются основой выживания человека, поэтому вам нужно пить, есть и дышать этими тремя технологиями, чтобы выжить как frontend разработчик. Игнорируя их, вы, скорее всего, быстро упрётесь в потолок своей карьеры.
Спасибо за просмотр!
Если вам понравилась статья - можете оценить её, а если у вас другое мнение на счёт фреймворков, можете написать его в комментариях.
Если вы хотите видеть больше контента по JavaScript, то призываю вас перейти на мой канал и просмотреть другие материалы, а если вы не хотите пропускать новые публикации - можете подписаться, всего хорошего! ;)
