#frontend #digest #beginners

General frontend FAQ

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

https://prglb.ru/1e0fz

​#frontend #backend #beginners

front-end vs back-end vs client-side vs server-side

Разбираемся, как устроен веб и кто за что отвечает. Полезный материал для начинающих веб-разработчиков.

https://prglb.ru/207xm

Архитектура фронтенда: Большой круг (Фреймворки)

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

Он должен обеспечить три основных механизма для дальнейшего построения архитектуры:

- Шаблоны - для избавления от повторяющегося кода
- Связывание данных - для внедрения данных в разметку
- Работа с потоками данных - для взаимодействия с источниками этих данных

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

Совсем необязательно - из одной коробки. Каркас можно собрать из отдельных модулей и библиотек.

Подробнее: https://prglb.ru/145rv

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

#bestpractices #frontend #architecture #frameworks

Архитектура фронтенда: Средний круг (Библиотеки и сервисы)

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

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

Читать: https://prglb.ru/23ntf

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

#frontend #architecture

Архитектура фронтенда: Малый круг (Визуальные элементы и компоненты)

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

Система компонентов должна быть гибкой и легкой в использовании.

Читать: https://prglb.ru/39mbr

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

#frontend #architecture

Архитектура фронтенда: Оболочка

В этой статье речь пойдет о типах приложений и выборе модели рендеринга.

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

Раньше все приложения рендерились на сервере, потом появилась клиентская модель. Но теперь мы снова переходим на сервер - почему?

Подробнее: https://prglb.ru/34eb7

#frontend #architecture #bestpractices

​front-end vs back-end vs client-side vs server-side

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

Читать: https://chunksofco.de/front-end-vs-back-end-vs-client-side-vs-server-side-7a04b3ec8764

#beginners #frontend #backend

​Как я пишу фронтенд в 2020

Фреймворки, API, стили, UI Kit, рендеринг - и все остальное, что нужно современному фронтендеру.

Читать: https://prglb.ru/2qjwn

#frontend #tools

Паттерны реактивности в 2020 году

Большое исследование моделей реактивности в современном фронтенде: https://prglb.ru/3jugh

#frameworks #tools #reactivity #frontend #bestpractices

​Вызовы в программировании интерфейсов

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

Читать: https://prglb.ru/3cjsj

#frontend #interface