Сделаем худший Vue.js в мире

Разбираемся, что у Vue под капотом, и делаем примитивный клон: https://proglib.io/w/0693af00

#vue #frameworks

Адаптивный layout — как переверстать весь проект, не перевёрстывая его

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

https://proglib.io/w/c21cf924

#layout #css

Современный роутинг на стороне клиента: App History Api

https://proglib.io/w/d240bc9d

#browser #api

RenderingNG архитектура - следующее поколение веба

Разбор новой архитектуры рендеринга веб-страниц в Chromium:

👉 RenderingNG
👉 Overview of the RenderingNG architecture

#browser

Функциональность drag-and-drop с react-beautiful-dnd

https://proglib.io/w/71ff5c7b

#interface #library

Разбираемся с мемоизацией в JavaScript

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

https://proglib.io/w/7cc4d18d

#performance

▪️Ведущий разработчик Frontend Senior
▪️Удаленка
▪️250 000-300 000

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

Требования:
Опыт работы в Frontend-разработке от 3-х лет;
Опыт разработки веб приложений (TypeScript);
Опыт разработки SPA приложений;
Опыт разработки на React.JS;
Опыт работы с менеджерами состояний приложений для JS;
Опыт написания тестов для компонентов React;
Хорошие знания DOM, HTML, CSS;
Опыт использования инструментов: NPM, Webpack, Jest;
Понимание протокола HTTP и RESTful APIs;
Базовые знания: JavaScript, TypeScript, React.JS, D3.js, NPM, Webpack, CSS3, SCSS, Nginx.

▪️По всем вопросам: @julypustobaeva

​☕️ Распространенные алгоритмы и структуры данных в JavaScript: стеки, очереди и связные списки

Продолжая серию статей об алгоритмах и структурах данных в JavaScript, рассмотрим другие линейные (массивоподобные) структуры – стеки, очереди и связные списки.

https://proglib.io/w/4ad4e31a

#algorithms #bestpractices

Boring SEO

Все, что вы должны знать о SEO: https://proglib.io/w/0dc9092f

#seo

Как работает JS: технология Shadow DOM и веб-компоненты

Веб-компоненты — это семейство API, предназначенных для описания новых элементов DOM, подходящих для повторного использования. Функционал таких элементов отделён от остального кода, их можно применять в веб-приложениях собственной разработки.

https://proglib.io/w/0eb22264

Коллбэки в JS: полное руководство

Правильное понимание асинхронности в JavaScript: https://proglib.io/w/b8f36a01

#javascript

Чего мне никогда не говорили о CSS

Важные нюансы CSS для начинающих верстальщиков: https://proglib.io/w/d07a14fe

#css #beginners

Нестрогое сравнение (==) в JavaScript

Пошаговая визуализация алгоритма нестрогого сравнения с приведением типов: https://proglib.io/w/3066cf8a

#javascript

​Professional JavaScript for Web Developers (2019)
Автор: Matt Frisbie
Количество страниц: 1200

Данная книга написана для программистов среднего и продвинутого уровня. Автор объясняет многие технические детали, которые помогут вам в работе с JavaScript. В книге представлены различные темы от ООП в JavaScript до комбинирования JavaScript с HTML и другими языками разметки.

Во время чтения книги вы:
✔️Изучите основные концепции веб-разработки, такие как объектная модель документа, формы, JSON, обработка ошибок и веб-анимация;
✔️Узнаете больше о API браузеров;
✔️Поработаете с сотнями рабочих примеров кода, четко демонстрирующими мысли автора.

Достоинства:
➕Актуальность материала;
➕Множество примеров кода;
➕Глубокое погружение в тему.

Недостатки:
➖Присутствуют опечатки.

Скачать книгу

Кастомные свойства и @property в CSS

https://proglib.io/w/891be967

#css

Ссыл­ка для ска­чи­ва­ния

Как правильно сделать ссылку, которая открывает системный диалог для сохранения файла: https://proglib.io/w/b82c4d50

#accessibility #interface

​Укрощение зверя CSS-in-JS

https://proglib.io/w/facfb20c

#css #tools

​Как оформить поле ввода: советы и техники

Поле ввода - самый многоликий элемент в вебе. Разбираемся, как его правильно оформить: https://proglib.io/w/e0e3ae31

#interface

27 октября 18.30 по Москве
🚀Онлайн-митап SuperJob по тестированию
Будет интересно и полезно QA-руководителям, QA-инженерам, проджект-менеджерам и вообще всем, кто хочет от уйти от ручного тестирования в автоматизацию.

В программе:
• "Переход от ручного тестирования к автоматизации UI: с чего начинали, какие инструменты использовали"
Антон Шкредов, QA Lead в SuperJob

• "Системный подход к стабилизации тестов для мобильных приложений"
Дмитрий Макаренко, Mobile QA в Badoo, и Надежда Дегтярева, Senior QA-инженер в Badoo.

• "Как небольшой командой начать и не провалить автоматизацию на Gherkin". Как преодолеть неприязнь к Gherkin диалекту, какие шаги нужны в первую очередь и как «подарить» это всё ручным QA.
Роман Помелов, QA Automation TeamLead в Skillbox.

• Как перевести ручных QA в автоматизацию. Чему приходится учиться самому и как учить других.
Андрей Буров, Community QA Lead в Почтатех

Участие бесплатно 📍 Регистрируйтесь по ссылке: https://s-j.su/3lYcy