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

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

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

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

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

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

Подробнее: 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

​Чемпионат по программированию: разбираем задачи для фронтенд-разработчиков

6 интересных задач с примерами решений: https://prglb.ru/1o0p7

#frontend #css #javascript

​Современные архитектуры фронт-энда

Рассмотрены архитектуры фронт-энда с точки зрения потоков данных в исторической ретроспективе.

Читать: https://prglb.ru/4le96

#frontend #architecture

Производительная архитектура фронтенда

Методы, позволяющие ускорить загрузку интерфейсных приложений и обеспечить хороший UX: https://proglib.io/w/4f9a3997

#frontend #architecture

Фронтенд-2021: тенденции, как мы их видим

15 технологий в области фронтенда на 2021 год: https://proglib.io/w/879fd99a

#frontend

10 вещей, который должен знать фронтендер в 2021

Веб не стоит на месте, и сейчас фронтенд-разработчику недостаточно знать только HTML, CSS и jQuery, как это было несколько лет назад. Разбираемся, что же нужно освоить: https://proglib.io/w/0c336bb0

#frontend

#вакансия #frontend #vue #remote #fulltime

Вакансия: Front-end web developer (Vue)
Занятость: full-time
Условия: удалёнка или офис в Черногории
Вилка: от 2 000 USD на руки
Компания: AMarkets

Над чем предстоит работать:
- постепенный перевод текущих проектов на клиент-серверную архитектуру;
- поддержка и расширение существующих SPA-приложений;
- разработка новых SPA-приложений;
- выстраивание процесса разработки front-end приложений, взаимодействие с back-end разработчиками (Ruby).

Что мы используем:
- front-end - Vue 2 (Router, Vuex), Jest. Vue 3 миграция планируется в будущем;
- back-end - Ruby, Ruby on Rails, микросервисная архитектура;
- deploy - docker - контейнеры, Gitlab CI\CD.

Что мы ожидаем:
- опыт Web разработки от 3 лет;
- опыт работы с Vue или React (с готовностью перейти на Vue);
- опыт создания SPA на основе REST API;
- понимание, как устроена/работает асинхронность в JS;
- опыт написания unit-тестов с использованием Jest;
- опыт адаптивной/кроссбраузерной верстки;
- понимание компонентно-ориентированной веб-разработки;
- опыт работы с Git, знание основных команд.

Будет полезно:
- опыт работы с TypeScrypt;
- опыт работы с E2E фреймворками (Nightwatch/Cypress);
- начальные знания back-end, опыт работы с Node.js.

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

@Annalex67, [email protected]

#вакансия #Frontend #удаленка #fulltime
🔍Ищу Frontend developer☀ (удаленный формат работы)
🔷Компания: Freedom finance technologies
🔷Локация: Кипр, Лимасол
🔷Формат работы: fulltime, удаленка, гибкий график
🔷З/П: 3000-3500 eur net.
💙Про проект: эко-система для удобной торговли ценными бумагами и участия в IPO
👉 Что потребуется от Вас:
✔ Отличное знание JavaScript и стандартов (ES6+), HTML и CSS
✔ Глубокое понимание верстки (Flexbox, Grid и т.п.)
✔ Опыт использования gulp и webpack
✔ Навык работы по Git-флоу
Будут плюсом:
✔ опыт работы с платёжными системами или банковскими продуктами
👌Мы предлагаем:
🔷крутой проект, возможность
профессионального и карьерного роста в быстро развивающейся и коммерчески успешной компании;
🔷контракт с кипрским юрлицом (оформление через ИП);
🔷абсолютно белый доход, оплата больничных и отпусков итд.
📞telegram:@faina_kleinman

#вакансия #Frontend #JavaScript #удаленка #fulltime #relocation
🔍Ищу Frontend developer на удаленку или с релокацией на Кипр☀️
🔷Компания: Freedom finance technologies
🔷Локация: Кипр, Лимасол
🔷Формат работы: fulltime, офис Кипре или удаленка, гибкий график
🔷З/П: 3000-3500 eu.net
💙Про проект: эко-система для удобной торговли ценными бумагами и участия в IPO
👉 Что потребуется от Вас:
✔️ Отличное знание JavaScript и стандартов (ES6+), HTML и CSS
✔️ Глубокое понимание верстки (Flexbox, Grid и т.п.)
✔️ Опыт использования gulp и webpack
✔️ Навык работы по Git-флоу
Будут плюсом:
✔️ опыт работы с платёжными системами или банковскими продуктами
👌Мы предлагаем:
🔷крутой проект, возможность
профессионального и карьерного роста в быстро развивающейся и коммерчески успешной компании;
🔷контракт с кипрским юрлицом;
🔷абсолютно белый доход;оплату больничных и отпусков итд.
🔷возможна удаленная работа без релокации ( в этом случае оформление через ип)
📞telegram:@faina_kleinman

Компании: clain.io
Город: Санкт-Петербург
Формат: офис
ЗП: от 250 000 до 300 000 ₽

Ищем фронтенд разработчика с опытом React / Typescript в Clain

clain.io — это платформа комплексной финансовой аналитики блокчейна на базе ML методов в реальном времени. Сейчас запускаем CRM и работаем над текущим продуктом.

Весь фронт в монорепе React / Typescript
своя библиотека компонентов, 95% типизированы без “any”
Nodejs в качестве прокси.

У нас быстрые процессы и гибкие подходы к разработке.

Задачи:
- Разрабатывать инструмент визуализации графа на WebGL (сейчас выбираем технологию)
- Поддерживать существующие сервисы, развивать внутреннюю библиотеку компонентов
- Участвовать в проектировании UX
- В перспективе будем писать е2е тесты (сейчас пишем только юниты), чтобы добиться беспрецедентной стабильности и спокойно релизиться
- Оптимизировать работу компонентов с графиками на больших данных, сейчас используется echarts, по нашим тестам они показали лучший перфоманс.

Работа в офисе, гибкий график, полный рабочий день.

Ожидания:
- Опыт разработки SPA на React от 3 лет
- Знание Vanilla JavaScript и ES2021
- Уверенное знание HTML, CSS
- Будет плюсом знание WebGL / PixiJS / PtsJS

Для связи:
Евгения
@jane_mai
[email protected]

#react #typescript #webgl #js #ts #javascript #frontend #nodejs #web #офис #СанктПетербург #Питер

#вакансия #удаленка #vuejs #middle #frontend 
Вакансия:
Формат работы: удаленка
Занятость: полная (не более 6ч в день)
Зарплата: от 120 тыс.рублей по результатам собеседования.

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

В связи с расширениям команды на постоянное сотрудничество требуется фронт-энд разработчик на Vue.js уровня от middle.

Необходимые навыки:
- HTML, CSS/SCSS. Опыт в кросс-браузерной, адаптивной и др. видах верстки без использования CSS-фреймворков);
- Опыт работы с pug.js и pugbem;
- Опыт работы на JavaScript, знание стандартов ECMAScript;
- Знание фреймворка vuejs, опыт работы с фреймворком от 1года;  
- Опыт работы с Apollo и Graphql;
- Понимание микросервисной архитектуры;
- Навыки работы с git;  
- Чистый, масштабируемый код;
- Умение работать с Trello;
- Навык разработки ТЗ и документации к коду; 
- Образование среднее-профессиональное или бакалавриат;  
- Опыт работы не менее 2 лет по профилю;  
- Самостоятельность; 
- Дисциплина и последовательность;
- Качество работы и ответственность; 
- Внимательность и внимание к деталям; 

Будет плюсом:
- Понимание принципов разработки Back-End приложений;
- Опыт работы и понимание принципов работы баз данных;

Название компании: Merlin AI
Контакты: @rockmax

YaTalks 2021: доклады про фронтенд

8 больших докладов по фронту с конференции YaTalks 2021: https://proglib.io/w/5dda2653

👉 Создание универсальной UI-библиотеки
👉 Научите меня писать интерфейсы для космолётов!
👉 Спецвыпуск «Веб-стандартов»
👉 Аутентификация в вебе. История развития
👉 Когда документация — просто космос
👉 30 лет — полёт нормальный!
👉 Как и зачем проводить тесты с незрячими людьми?
👉 Существующие инструменты не работают в невесомости? Напиши свои!

#video #frontend