Size: a a a

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

2020 June 26
Библиотека фронтендера
Правильный ответ: 5 вариант

Счетчик counter не инициализируется с помощью свойства counter-reset выше по дереву DOM, поэтому для каждого элемента li первого уровня он будет инициализироваться заново.

Рецепт создания многоуровневого списка с помощью CSS-счетчиков и еще много полезных трюков вы можете найти в коллекции 30 seconds of CSS: https://prglb.ru/4ro92

#css #quiz
источник
2020 June 27
Библиотека фронтендера
Анимация с искажениями

Туториал по созданию интересной анимации с помощью библиотеки Three.js - изображения искажаются при движении.

Демо здесь: https://tympanus.net/Tutorials/MotionHoverEffects/
Руководство здесь: https://prglb.ru/xvzp

#animation #tools
источник
Библиотека фронтендера
Коллекции JavaScript – Set, Map, WeakMap и WeakSet

Обычные массивы уже всем надоели - давайте посмотрим на свежее пополнение в JavaScript: сеты, мапы и их "слабые" версии.

Читать: https://prglb.ru/57wxq

В статье описан интерфейс каждой коллекции и приведены полезные кейсы использования.

#javascript #core
источник
2020 June 28
Библиотека фронтендера
Внутреннее устройство JavaScript и движка V8: что нужно знать, чтобы писать быстрый и правильный код

Перевод двух первых статей из замечательного цикла How JavaScript works. В первой части - общий обзор движка, среды выполнения и стека вызовов. Во второй - устройство V8 и оптимизация кода. В конце — советы по оптимизации кода для разработчиков.

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

#javascript #engine #v8
источник
Библиотека фронтендера
Управление памятью в JavaScript, утечки памяти и как с ними справляться

Перевод третьей статьи из цикла How JavaScript works - на этот раз про утечки памяти, о которых мы всегда забываем.

Читать: https://prglb.ru/4s21z
источник
Библиотека фронтендера
Петля событий, асинхронный JavaScript, ES6 и коллбеки

Перевод четвертой статьи из цикла How JavaScript works - сразу в двух частях.
Начало: https://prglb.ru/5ojcs
Продолжение: https://prglb.ru/1ku87

Все об асинхронности в JavaScript - от истоков до современности.

#javascript #core
источник
2020 June 29
Библиотека фронтендера
⚛️ 12 бесплатных ресурсов для изучения React

React – одна из самых популярных JavaScript-библиотек для разработки пользовательских интерфейсов. В этой статье вы найдете подборку бесплатных ресурсов о React: открытые курсы, подкасты, ёмкие конспекты и плейлисты YouTube.

Читать: https://prglb.ru/42olg

#react #frameworks
источник
Библиотека фронтендера
🕐 Как в Google Chrome измерить использование памяти веб-страницей

Держим руку на пульсе производительного веба. В этой статье учимся измерять утечки памяти страницы Google Chrome с помощью нового интерфейса performance.measureMemory().

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

#performance
источник
Библиотека фронтендера
​​На связи HTML Academy с летним спецпредложением.
Дарим скидку 40% на месячную подписку на наши интерактивные курсы.

Активируйте подписку и получите доступ к 1285 платным заданиям курсов по направлениям HTML и CSS, JavaScript или PHP среднего и продвинутого уровней.
Кстати, стартовый уровень курсов в Академии всегда бесплатный

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

Промокод на скидку 40% -  KEKS9

До
встречи в HTML Academy https://bit.ly/37KjCkp
источник
2020 June 30
Библиотека фронтендера
источник
Библиотека фронтендера
Найдите некорректное CSS-объявление
Анонимная викторина
5%
1
28%
2
7%
3
5%
4
5%
5
7%
6
4%
7
15%
8
24%
Все объявления корректны
Проголосовало: 1196
источник
Библиотека фронтендера
Правильный ответ: Все объявления корректны

Свойство content допускает использование самых разных значений и даже их комбинацию.
Пример: https://codepen.io/mohnatus-the-lessful/pen/MWKvRpy
Документация: https://developer.mozilla.org/ru/docs/Web/CSS/content

Подробный разбор свойства content читайте в статье Вот что я не знал о content.

#css
источник
Библиотека фронтендера
​​Что бы там ни говорили, а данные – это не только аналитика. Кто-то должен эти данные найти, сохранить и подготовить для анализа. Теперь всему можно научиться на факультете Data Engineering онлайн-университета GeekBrains:

🛠 Автоматизировать сбор данных
🚠 Создать конвейер обработки информации
🏗 Разработать архитектуру хранения и мониторинга
👓 Подготовить результаты для аналитиков

При успешном прохождении курсов компания гарантирует не только диплом, но и трудоустройство. Список осваиваемых инструментов и отзывы учеников здесь: https://proglib.io/w/ab3f1e09
источник
2020 July 01
Библиотека фронтендера
jest vs jasmine: основные отличия

В чем разница между двумя самыми популярными решениями для тестирования  и почему jest один, а карма всегда в связке с жасмином?

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

#testing #jest #jasmine
источник
Библиотека фронтендера
Настройка Next.js с TypeScript и Chakra UI

Пошаговое руководство по конфигурации проекта и подключению всех необходимых зависимостей.

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

#tools #typescript #nextjs
источник
Библиотека фронтендера
Интересный кейс для начинающих фронтендеров из Москвы: как бесплатно получить образование и устроиться React-разработчиком.

Крупная компания с 10-летним опытом на рынке VoIP набирает команду. Под свои задачи готовы потратиться на образование сотрудников – прошедшим отбор компания оплачивает курс GeekBrains длительностью 3.5 мес. Единственное условие – прилежно учиться, а впоследствии – не менее усердно трудиться.

Схема следующая:
📝 Проходим отбор. Заполняем анкету: https://forms.gle/NbHDUtzhrS4LQNZH6 и отправляем ссылку на GitHub-аккаунт сюда: @Daria_Burkova
👨‍🎓 Поступаем на курс. После первых двух недель отсев неуспевающих.
👨‍💻 Завершив курс, оформляемся по ТК РФ. Гибкий график, можно совмещать учёбу и работу. Офис недалеко от Нескучного сада.

Если коротко: отличный старт для карьеры. Подробнее здесь: https://docs.google.com/document/d/13o9KJT6EK-eHIqbrfdHkjKi4ykniYM1ZvxXUFhj9_3I
источник
2020 July 02
Библиотека фронтендера
Что нового в Angular 10

Разбор новинок и новостей в новой версии фреймворка.

Читать: https://prglb.ru/32if9

#angular #frameworks
источник
Библиотека фронтендера
Создание кастомного компонента textarea с автоматическим изменением размера

Создание суперполезного UI-компонента для вашего React-приложения.

Читать: https://prglb.ru/23r6y

#react #interface
источник
Библиотека фронтендера
Всем привет. Xотим посоветовать вам неплохой канал с подборками статей касающихся фронтенда
На канале публикуются годные статьи на такие темы как:

Обучающие материалы и обзор современных технологий
Новости фронтенда
Рекомендации по написанию кода
Вакансии
Soft skills для разработчика
источник
2020 July 03
Библиотека фронтендера
Вакансия: Front-end разработчик в Tilda (офис / Москва)
Компания: Tilda Publishing — платформа для создания сайтов, интернет-магазинов или посадочных страниц.

👨‍🎓 Спектр задач: В Тильде есть несколько направлений, которые мы рассматриваем как внутренние продукты. Одним из них является Библиотека блоков. Мы ищем разработчика, который будет заниматься созданием новых блоков и поддержкой существующих, а также развитием нашего внутреннего фреймворка для их создания.

📌 От кандидата мы ожидаем:
- Отличные знания HTML, CSS, JS
- Опыт кроссбраузерной и адаптивной верстки
- Базовые знания Git
- Технический английский
- Умения разбираться в чужом коде и писать читаемый код
- Внимание к UX, желание создавать удобные интерфейсы
- Навык расставлять приоритеты и самостоятельно доводить задачи до финальной стадии

Ссылку на резюме и сопроводительное письмо отправлять на job@tilda.cc

➡️ Подробности - https://proglib.io/vacancies/front-end-razrabotchik-v-tilda-tilda-publishing-2020-06-20
источник