FrontEndDev
28.3K subscribers
2.32K photos
23 videos
7.52K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Читать на парковке: https://max.ru/front_end_dev

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Когда вы должны использовать Web Workers?

https://staging.dassur.ma/things/when-workers/
Тестирование Vue с Jest

https://webdevblog.ru/testirovanie-vue-s-jest/
Все, что вам нужно знать о дате в JavaScript

https://css-tricks.com/everything-you-need-to-know-about-date-in-javascript/
Извлечение критического CSS. Узнайте, как улучшить время рендеринга с помощью техники critical CSS

https://web.dev/extract-critical-css
#web
4 приема, которые помогли нам оптимизировать frontend

1. Анимация на SCSS
2. Использование Intersection Observer API, который помогает понять какая часть экрана видна и показывать анимацию только там
3. Рендеринг SVG для более плавной загрузки страницы
4. Кэширование с использованием Service Worker и HTTP Cache.

Более подробное описание с примерами по ссылке: https://habr.com/ru/company/epayments/blog/455700/
Как найти работу, если ты Junior Frontend Developer?
По ссылке — видеозапись отличного митапа HTML-академии и New.HR.

В прямом эфире обсудили, как найти работу фронтенд-разработчиком, если ты джуниор, и ответили на самые разные вопросы о трудоустройстве.

✔️ Чем стажер отличается от джуна?
✔️ Джун, миддл и сеньор с точки зрения работодателя.
✔️ Что важнее, образование или опыт?
✔️ Где джун может получить опыт?
✔️ Сколько платят фронтендерам?
✔️ Нужна ли удаленка джуну?
✔️ Стратегия поиска работы.
✔️ Что писать, а что не писать в резюме.
✔️ Что спрашивают на собеседованиях.
✔️ Тестовые задания, делать или нет.
✔️ Как выбирать работодателя с точки зрения оптимальной карьеры?

https://new.hr/c97d
Урок по веб-компонентам для начинающих 2019

https://www.robinwieruch.de/web-components-tutorial/
Как создать PDF из вашего веб-приложения.

Частенько встречал в сервисах с какими-то полезными для юзера данными возможность выгрузки их в PDF. Небольшая статья, о том как это можно сделать с перечислением акутальных инструментов.

https://www.smashingmagazine.com/2019/06/create-pdf-web-application/
Все, что вам нужно знать о Progressive Web App (PWA).

В статье перечислены основные преимущества PWA и почему стоит их писать (и использовать) + небольшая инструкция по созданию.

https://hackernoon.com/everything-you-need-to-know-about-progressive-web-app-pwa-6524edbb0c57
Передача переменных в CSS в компонентах Vue

https://www.telerik.com/blogs/passing-variables-to-css-on-a-vue-component
Перетаскиваемое меню с анимированной сеткой превьюшек

https://tympanus.net/codrops/2019/06/19/draggable-menu-with-image-grid-previews/