Frontend разработчик (React)

Требования:
— отличное знание HTML и CSS, а также особенностей их отображения в различных браузерах
— знание стека React + MobX
— хорошее знание современного JavaScript, TypeScript
— знание CSS/JS-препроцессоров и систем сборки (Stylus, Babel, Webpack);
— умение работать с системой контроля версий Git

от 100 000 до 160 000 ₽, офис в Москве

Подробнее о вакансии

React в действии

Книга Т. М. Томаса познакомит вас с библиотекой React и ее экосистемой. Отличное систематизированное введение в тему.

#books #frameworks #react

Эффективное использование ARIA в HTML5

ARIA - Accessible Rich Internet Applications (доступные насыщенные интернет-приложения).

Использование этого стандарта позволяет сделать сайт более доступным для людей с ограниченными способностями, например, с нарушениями слуха или зрения.

Читать: https://prglb.ru/ekyb
Спецификация тут: https://www.w3.org/TR/wai-aria-1.1/

#accessibility

Микросервисный подход в веб-разработке: micro frontends

Жизнеспособен ли микросервисный подход во фронтенд-разработке? Каковы его плюсы и минусы? Не пора ли срочно переводить все ваши проекты на новую архитектуру?

Не торопитесь - хоть микрофронтенд предлагает серьезные преимущества, у него очень много недостатков.

Разобраться: https://prglb.ru/5xpap

#bestpractices

Рваные края в диагональных градиентах

👎 При создании диагональных линейных градиентов в CSS с резким переходом на месте стыка цветов образуется рваная линия.
background: linear-gradient(176deg, white, white 75%, black 75%, black 100%);

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

👉 Способ 1 - десятые доли процента:
background: linear-gradient(176deg, white, white 75%, black 75.3%, black 100%);

👉 Способ 2 - функция calc:
background: linear-gradient(176deg, white, white 75%, black calc(75% + 1px), black 100%);

Источник: https://prglb.ru/3wj0g

#css #snippets #code

CSS-переменные в инлайн-стилях

Зачем вам может потребоваться хранить переменные прямо в атрибуте style? Оказывается, таких кейсов немало!

🖍 еще более гибкая грид-сетка
🖍 стили кнопок
🖍 размер юзерпика

Этот подход может здорово упростить написание CSS.

Подробнее: https://prglb.ru/5w37w

#css

Цикл событий: как выполняется асинхронный JavaScript-код в Node.js

Разбираемся, как работает цикл событий Node.js, зачем там коллбэки и в каком порядке они выполняются.

Подробнее: https://proglib.io/p/cikl-sobytiy-kak-vypolnyaetsya-asinhronnyy-javascript-kod-v-node-js-2020-02-26

#javascript #node #core

5 ошибок начинающего фронтендера

Как не сбиться с пути?

https://prglb.ru/2inuq

#beginners

8 классных тем для Visual Studio Code

Выбрать: https://prglb.ru/rphd

#tools #editor

Полное руководство по классам в JavaScript

От конструктора до статических методов. И про прототипы под капотом не забудем 😌

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

#javascript #core

Я ❤ Фронтенд 2020

8 крутых докладов о состоянии современного фронтенда.

📖 Почитать программу: https://prglb.ru/22uki

📺 Посмотреть доклады: https://prglb.ru/112e1

#video

10 способов спрятать элемент на CSS

Существует немало способов скрыть элемент со страницы - и все они по-разному влияют на структуру макета, анимацию, доступность, производительность и обработку событий. В разных ситуациях следует использовать разные техники.

Выбрать подходящую: https://prglb.ru/3ok1d

#css

Как написать хороший HTML & CSS код с помощью Webflow

Webflow — это, по сути, визуальный конструктор для создания HTML и CSS кода. Звучит не очень серьезно, но этот инструмент может существенно облегчить работу верстальщика или дизайнера.

Подробнее: https://prglb.ru/u051

#tools #html #css

Цитирование в HTML

В чем разница между тегами blockquote, q, cite - и какой из них следует использовать для оформления цитат?

Спойлер

✏️ для больших фрагментов - blockquote 👌
✏️ для небольших, находящихся прямо в строке, - q (но не для сарказма 🤔)
✏️ а cite - вообще предназначен не для цитат 😲

Разобраться: https://prglb.ru/1jc9i

P.S. Не вмешивайте сюда тег dialog.

#html #accessibility

ТОП-15 книг по JavaScript: от новичка до профессионала

В этом посте мы собрали переведённые на русский язык книги по JavaScript – всё, что нужно для старта, роста и оттачивания скиллов. Расставили в порядке возрастания сложности, указали преимущества и недостатки.

Изучить: https://prglb.ru/4dhaj

#javascript #books #beginners #advanced

Рассказываем о новой платформе для удобного поиска работы в IT - Headz.

Наверное вы сразу подумаете, в чем состоит ее уникальность? 👾
Headz соединяет разработчиков и компании при помощи матчинга.

Вы указываете вилку ЗП (минимальную и комфортную), требования к компании (печеньки, дмс и размер компании). Платформа подбирает для вас вакансии согласно вашим критерям.
Далее самое приятное — лайки.💙
Вы ставите лайки компании, если она лайкает вас в ответ, вы можете договориться о собеседовании!

Из допольнительных плюсов:🤘
- до взаимного лайка с компанией ваш профиль остается анонимным
- ваш минимальный уровень зп, учитывается в поиске, но компания его не видит
- удобное заполнение профиля, можно закинуть готовое резюме

Испытать платформу в действии — по ссылке:
http://bit.ly/2x7giBn

Лучшие практики JavaScript — производительность

6 советов для ускорения вашего приложения.

https://prglb.ru/3o6nw

#javascript #performance

👋 Всем привет!

11 марта приглашаем на первый Skillbox Frontend Meetup, где мы обсудим основы SSR и soft skills, которые необходимы разработчику.

На митапе выступят:

– Системный архитектор Goods Тимофей Тиунов, который на примере Vue расскажет, как работает серверный рендерин веб-приложений.

– Руководитель управления X5 Retail Group Андрей Смирнов, который поговорит о необходимом наборе soft skills для любого разработчика.

Подробности и регистрация 👉 https://clc.to/Frontend_Meetup

Должен ли фронтенд разработчик уметь писать бэкенды?

Где проходит граница современного фронтенда? Что входит в этом понятие?

Только HTML+CSS? Или модные JS-фреймворки? Или хороший фронтендер должен уметь написать бэкенд-часть приложения?

Вопрос спорный. Артур Басак считает, что эта граница очень размыта: https://prglb.ru/3n26x

​5 вопросов по JavaScript на которые вы должны знать ответ

Статья старая, но вопросы все еще актуальны 🤓

Проверить себя: https://prglb.ru/2hlfv

#javascript #interview