Size: a a a

Библиотека фронтендера

2020 August 05
Библиотека фронтендера
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
источник
2020 August 06
Библиотека фронтендера
SSR в связке React-Redux

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

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

#react #frameworks
источник
2020 August 07
Библиотека фронтендера
⚔️ Vue vs React vs Angular: какой фронтенд-фреймворк выбрать?

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

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

#vue #react #angular #frameworks
источник
2020 August 09
Библиотека фронтендера
Разбираешься в 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
источник
2020 August 10
Библиотека фронтендера
Front-end додзё: проекты для тренировки навыков разработчика

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

#ideas
источник
Библиотека фронтендера
Рендеринг веб сайтов 101

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

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

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

https://t.me/SelectelNews

— публикуем свежие тесты «железа»
— рассказываем, как построить эффективную инфраструктуру
— травим байки из ЦОДа
— делимся лайфхаками, новостями и рабочими инструментами
источник
2020 August 12
Библиотека фронтендера
Лучший способ организации 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%
источник
2020 August 13
Библиотека фронтендера
Тестирование хуков React

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

#react #frameworks #testing
источник
2020 August 14
Библиотека фронтендера
Видео-курс по CSS-анимациям

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

#video #css #animation
источник
2020 August 15
Библиотека фронтендера
Зачем нужен файл package.lock?

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

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

#npm
источник
2020 August 16
Библиотека фронтендера
Предотвращаем прокрутку страницы при открытии модального окна

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

#interface
источник
Библиотека фронтендера
Анимированный прогресс-бар

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

#snippets #interface
источник
2020 August 17
Библиотека фронтендера
Вебсокеты и HTTP/2 + SSE

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

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

#javascript
источник
Библиотека фронтендера
WebAssembly

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

https://prglb.ru/4zegw

#wasm
источник
Библиотека фронтендера
Измерение производительности JS-кода

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

#performance
источник