Что такое фреймворки?
Javascript развивается! Код, который раньше запускался серверами, теперь переносится в браузер. Итак, представьте себе тысячи строк кода ... Звучит устрашающе, особенно когда все, что вам нужно, - это программа hello world или простая форма регистрации? Что ж, вот где нам нужны фреймворки, чтобы избавить нас от неприятностей!
Реагировать
React - это наиболее часто используемый и распространенный фреймворк, который мы будем обсуждать. На самом деле он был создан Facebook, и это отличный инструмент для создания компонентов пользовательского интерфейса. Он хорошо известен благодаря простоте и гибкости программирования. Он также широко используется крупными компаниями, такими как Facebook, PayPal, Uber, Instagram и Airbnb.
Как это работает
Он работает, обрабатывая стандартизованные компоненты для создания элементов веб-сайта. Думайте о них как о строительных блоках, уже выложенных для вас, вместо того, чтобы скрупулезно строить каждую деталь построчно. Это позволяет разработчикам использовать меньше кода и легче сосредоточиться на более глубоких функциях. Кроме того, вы все кодируете на Javascript, даже HTML и CSS.
Как мне начать?
Если вам нравится учиться на практике, проверьте это на React!
Учебник: Введение в React - React
Угловой
Angular - это фреймворк, работающий с HTML и Typescript для создания одностраничных клиентских приложений. Он разбит на компоненты Angular, которые можно разбить на модули. TypeScript можно определить как расширение Javascript, но это отдельный язык программирования. Он используется для более мощных веб-приложений.
Как это работает?
Angular использует машинописный текст в качестве основного языка. Он работает с использованием шаблонов, директив, декораторов и NgModules, а также привязки данных (это кажется пугающим, но по сути это просто организация кода и использование принципов объектно-ориентированного программирования!). Его логика аналогична React и Vue, однако на первый взгляд его архитектура может немного сбивать с толку - и это нормально! Просто потренируйтесь и убедитесь в этом сами. Подробнее об этом здесь: https://angular.io/guide/architecture
Как мне начать?
Angular - самая продвинутая из обсуждаемых здесь фреймворков, однако она имеет большой потенциал для получения подробной информации из-за ее усовершенствований, и на самом деле она была разработана Google!
Ознакомьтесь с этой очень простой лабораторией кода, которая познакомит вас с основами Typescript и Angular, шаг за шагом!
Vue
Я предпочитаю использовать Vue.js прямо сейчас. Это прогрессивный фреймворк, это просто означает, что он очень легко адаптируется и легко интегрируется с другими библиотеками. Это определенно один из самых простых фреймворков, но это не значит, что ему не хватает мощности с точки зрения функциональности.
Как это работает?
Он во многом похож на React, но использует HTML, CSS и Javascript. В нем также используются компоненты и реквизит, но, на мой взгляд, он немного отличается от внешнего вида и делает его более организованным.
Как мне начать?
Документация по Vue - хороший способ начать, и у нее довольно живое сообщество! Я также предлагаю посмотреть этот ускоренный курс, так как он помог мне перейти к фреймворкам обучения!
Learn Vue 3 для начинающих - Полный учебный курс 2020
Итак, как мне выбрать?
В конце концов, фреймворки - это мощные инструменты, которые позволяют вам получить больший контроль над содержанием ваших веб-сайтов и изменить будущее веб-разработки. Когда дело доходит до выбора конкретной структуры, все сводится к предпочтениям и ощущениям, а также потребностям проекта / заинтересованной стороны.
Многие могут сказать, что Vue - хорошее начало в мире фреймворков, поскольку он может работать так же хорошо, как и два других фреймворка, и его легко изучить, но это вызывает споры. Работая над проектом, проверьте объем, доступные инструменты и потребности, а затем определитесь с фреймворком. Проведите дальнейшие исследования самостоятельно и помните, что изучение фреймворков требует глубоких знаний по другим аспектам веб-разработки, таким как CSS, доступность, объектно-ориентированное программирование и некоторые концепции на стороне Backend, которые помогут вам расти как разработчику!
Предлагаю запачкать руки и написать код! Пробуйте разные вещи и создавайте небольшие проекты, общайтесь с людьми и не бойтесь спрашивать! Создайте свой собственный сайт. Следите за повторяющимся кодом в вашем репозитории и посмотрите, как вы можете применить использование компонентов и свойств. Если у вас уже есть сайт, на котором можно базироваться, проверьте, какие части кода вы можете улучшить, или посмотрите, есть ли у вас большие фрагменты кода, которые, по вашему мнению, кто-то уже сделал раньше.
Github богат этими примерами, и вокруг вас всегда будет отличное сообщество. Создайте учетную запись StackOverflow, найдите наставника и не бойтесь спрашивать. Постарайтесь быть активными в технических организациях ADMU и протяните руку помощи! Многие люди, которых вы считаете замечательными в веб-разработке, начинали так же, как вы, и все еще учатся, поэтому я обещаю, что многие из них будут готовы вам помочь.
Не стесняйтесь добавлять меня в Linkedin (https://www.linkedin.com/in/franztaborlupa/), я был бы более чем счастлив провести с вами сеанс кофе, чтобы просто пообщаться, обсудить следующие шаги или ответьте на любые ваши вопросы!
