TDD с Jest и Angular

Разбираемся, как выглядит test-driven development на фронтенде с Jest.

Ссылка: https://prglb.ru/56c7k

#testing #jest #angular #tools

​​Ищем Senior JS разработчика в большой проект по разработке экосистемы моделирования бизнес процессов.
Система включает в себя средства разработки моделей, средства анализа и имитационного моделирования.

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

Требования:
· Знание одной из популярных экосистем (React, Vue), широкий кругозор будет плюсом;
· Знание HTML и CSS;
· Опыт работы с серверным JS, например, node.js
· Понимание принципов usability, UX;
· Опыт проектирования решений «с нуля» будет плюсом;
· Опыт работы с приложениями на JS, например опыт работы с Electron’ом, будет плюсом:
· Умение работать в команде;

Условия:
· Фулл-тайм в офисе с гибким стартом рабочего дня или удаленная работа в зависимости от релевантного опыта;
· Дружный коллектив единомышленников;
· Карьерный и профессиональный рост;
· Оформление по ТК РФ с первого дня;
· Белая з/п (оклад по итогам собеседования в соответствии с опытом);
· Оплачиваемый отпуск и больничный + дополнительные 5 дней оплачиваемого больничного в году;
· Корпоративное обучение английскому языку за счет компании (при необходимости);
· В офисе всегда есть плюшки, фрукты и вкусный кофе;
· Офис в 3-х минутах ходьбы от станции метро Сокол.

➡️ Подробности - https://proglib.io/vacancies/senior-js-razrabotchik-laboratoriya-bezopasnyh-sistem-2020-07-30

​SSR в связке React-Redux

Как работать с Redux store и на сервере, и на клиенте?

Читать: https://prglb.ru/17yk5

#react #frameworks

⚔️ Vue vs React vs Angular: какой фронтенд-фреймворк выбрать?

Существует множество фронтенд-фреймворков. В этой статье мы рассмотрим три самых популярных: Angular, React и Vue. В том числе расскажем о преимуществах и недостатках их использования для различных веб-проектов.

Читать: https://prglb.ru/kd2c

#vue #react #angular #frameworks

Разбираешься в Linux, C#, Angular? «Лаборатории Касперского» нужен Fullstack Web Developer. Наша главная ценность — люди! Каждый год мы инвестируем в их обучение более 150 миллионов рублей. Только за 19-ый более 2500 коллег прокачали свои hard skills! Прокачаем и твои!

Все подробности тут!

Server-Sent Events

Стандарт, позволяющий получать сообщения от сервера без поддержки постоянного соединения. Как это работает и для чего может понадобиться (спойлер - для множества вещей).

Читать: https://prglb.ru/1qxx1

#server #sse

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

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

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

#frontend #interface

Front-end додзё: проекты для тренировки навыков разработчика

Больше 40 идей оригинальных проектов и клонов популярных сервисов: https://prglb.ru/gfln

#ideas

​Рендеринг веб сайтов 101

Разбираемся, что происходит между вводом адреса сайта в адресную строку и его отображением.

Ссылка: https://prglb.ru/34o77

#browser

Хочешь, чтобы в твоей ленте всегда были актуальные IT-тренды? Присоединяйся!

https://yangx.top/SelectelNews

— публикуем свежие тесты «железа»
— рассказываем, как построить эффективную инфраструктуру
— травим байки из ЦОДа
— делимся лайфхаками, новостями и рабочими инструментами

​Лучший способ организации CSS-свойств

Немного систематизации, чтобы ваш CSS было приятно читать и поддерживать.

Ссылка: https://prglb.ru/4t3nt

#css

Мы много пишем и о фронтенде, и о бэкенде. Но никакому веб-проекту не обойтись без хостинга. Хорошо, когда всё уже автоматизировано. Поэтому нашим подписчикам мы рекомендуем Hosting Ukraine:

Сертификат PCI DSS.
Автоматическое ежедневное резервное копирование
Панель управления собственной разработки: позволяет выполнять 99% действий без необходимости обращения в техподдержку
Можно размещать сайты на всех популярных CMS и фреймворках (доступна автоустановка)
Антивирусная защита, автоматическая блокировка спам-ботов, защита от подбора паролей к CMS
Поддержка git.
Стек PHP, MySQL, поддержка Perl и Python
PHP от 4.4 до 7.4, HTTP/2 и Server Push
Поддержка Memcache(d), Redis и OPcache
Можно подключаться к внешним БД MongoDB и MS SQL.
Обширная база знаний, как в текстовом так и видео форматах

А для подписчиков Библиотеки фронтендера по промокоду frontendproglib20 Hosting Ukraine ещё и предоставляет скидку до 20%

​Тестирование хуков React

Полное руководство по тестированию хуков в React: https://prglb.ru/427zw

#react #frameworks #testing

​Видео-курс по CSS-анимациям

Почти 4 часа крутых уроков: https://prglb.ru/1utih

#video #css #animation

Зачем нужен файл package.lock?

Разве yarn.lock недостаточно? На самом деле - нет, недостаточно.

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

#npm

​Предотвращаем прокрутку страницы при открытии модального окна

Правильное открытие модалки с учетом скролла страницы: https://prglb.ru/4bbfs

#interface

Анимированный прогресс-бар

Симпатичный индикатор прогресса без JS: https://codepen.io/Thibaut/pen/ouKvy

#snippets #interface

Вебсокеты и HTTP/2 + SSE

Разбираемся в коммуникационных протоколах и выбираем лучший.

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

#javascript

WebAssembly

Что такое WASM, как это работает и зачем его использовать?

https://prglb.ru/4zegw

#wasm

Измерение производительности JS-кода

Удобный онлайн-инструмент для тестирования производительности кода: https://perf.link/

#performance

​Тестирование Node.js-проектов

Большой материал в двух частях по тестированию:

👉 Анатомия тестов и типы тестов
👉 Оценка эффективности тестов, непрерывная интеграция и анализ качества кода

#node #testing