Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
Создание кастомного компонента textarea с автоматическим изменением размера

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

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

#react #interface
Вакансия: Front-end разработчик в Tilda (офис / Москва)
Компания: Tilda Publishing — платформа для создания сайтов, интернет-магазинов или посадочных страниц.

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

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

Ссылку на резюме и сопроводительное письмо отправлять на [email protected]

➡️ Подробности - https://proglib.io/vacancies/front-end-razrabotchik-v-tilda-tilda-publishing-2020-06-20
Правильный ответ: 2

Метод String.prototype.match() возвращает найденные совпадения в виде массива.
Регулярные выражения по умолчанию работают по "жадному" алгоритму и ищут максимально длинное совпадение. Чтобы переключить их в "ленивый" режим, нужно использовать символ ?.

Чтобы не запутаться в разнообразных квантификаторах, держите шпаргалку по регулярным выражениям в JavaScript: https://prglb.ru/4se5z

#regex #javascript
Шпаргалка по GRID

Подробная шпаргалка по всем свойствам Grid Layout: https://prglb.ru/cic7

#css #layout #grid
Как я пишу фронтенд в 2020

Фреймворки, API, стили, UI Kit, рендеринг - и все остальное, что нужно современному фронтендеру.

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

#frontend #tools
​​👨‍💻 Как выбрать сервер для 1С

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

https://proglib.io/sh/bL4TeHxcQy
Добавление SVG-фильтров из CSS

Пошаговый туториал по добавлению крутых SVG-эффектов: https://prglb.ru/3vjlw

#svg #css #effects
Создание таблиц в вебе: лучшие практики

Если вам нужно представить большой объем данных в наглядном виде, от таблиц никуда не деться. Учимся делать их правильно.

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

#css #interface
Аутентификация с использование RESTful API на Vue

Аутентификация пользователя - важная часть веб-приложения. Разбираемся, как реализовать ее в SPA на Vue.

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

#frameworks #vue
This media is not supported in your browser
VIEW IN TELEGRAM
IT-канал про серверы, технологии и динозавров разыскивает подписчиков!

🦖 https://yangx.top/SelectelNews
Как использовать Web Storage API

Полное руководство по localStorage и sessionStorage.

Ссылка: https://prglb.ru/3d1dt

#api #browswer
Правильный ответ: true false

Конструктор new Number() создает не примитивное значение, а объект, так что строгое равенство не выполняется.

Еще больше вопросов для проверки JavaScript здесь: https://prglb.ru/326j8

#javascript #core
​​Начни карьеру Front-End разработчика с личным наставником online. У нас ты изучишь востребованный у бизнеса стек технологий, получишь опыт в коммерческом проекте, а платить будешь только после трудоустройства. Ментор будет поддерживать до первого рабочего дня и подготовит к собеседованиям. Старт в июле.

Пройти тестовое задание 🙋‍♂️👉 https://clck.ru/PV74U

👇Что тебя ждет:
1. Подготовка с личным ментором online по индивидуальной программе за 7 месяцев;
2. Жесткий контроль знаний на каждом этапе
3. Обучение востребованному на рынке стеку технологий: HTML/CSS/JS, React + Redux;
4. Отработка знаний в настоящем бизнес проекте, который дает опыт и строчку для резюме;
5. Общение с одногруппниками и студентами-разработчиками других потоков групповом чате slack (уже более 1500 участников)
6. Быстрое карьерное и финансовое развитие за счет программы поддержки на 2 года: митапы, мастер-классы, закрытые лекции со спикерами и offline интенсивы;
7. Гарантированное трудоустройство и первая зарплата от 100 000 рублей.

Требования к кандидату:
• Обучение минимум 25 часов в неделю
• Проживание или готовность к переезду в Москву для трудоустройства
Хоткеи для VS Code: гифки с демонстрацией и шпаргалка

Любую команду в Visual Studio Code можно выполнить через командную строку (Ctrl + Shift + P), но сочетания клавиш помогают сильно экономить время. Достаточно только привыкнуть их использовать.

Добавить в закладки: https://prglb.ru/1xx83

#tools #editor
Крутые CSS-эффекты

👉 Серия видео с примерами создания эффектов на CSS
👉 Кнопки при наведении с крутыми эффектами на HTML и CSS
👉 Стилизация radio кнопок с использованием HTML и CSS
👉 Создание страницы 404 Error Page Not Found в стиле CyberPunk используя CSS
👉 Стилизация input checkbox на чистом CSS
👉 Форма регистрации HTML CSS
👉 Стилизация select на чистом CSS
👉 Адаптивный слайдер с использованием HTML и CSS
👉 Кнопка с hover эффектом с использованием HTML CSS
👉 Кнопки социальных сетей с hover эффектом, градиентом и анимацией на HTML и CSS
👉 Темная и светлая тема с переключателем на CSS и jQuery
👉 Light Button with Animation CSS Effects on Hover

Смотреть: https://prglb.ru/371kw

#video #css #effects
Теперь bug hunter'ы могут помочь сервису, которым пользуются они сами, друзья, близкие и мама с бабушкой — Ozon первым среди российских e-commerce компаний запустил собственную bug bounty программу.

За найденные на сайте уязвимости можно получить до 120 000 ₽. Отправлять репорты можно на HackerOne: hackerone.com/ozon. Удачной охоты!
Противоречивый UX с нативной ленивой загрузкой

В статье разобраны особенности реализации loading=lazy в разных браузерах.

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

#interface #browser