Библиотека фронтендера | 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
加入频道
Правильный ответ: 225px

У свойства flex-basis есть приоритет перед свойством width, но также его значение должно быть в диапазоне значений свойств min-width и max-width. В нашем случае 250px (flex-basis) не укладывается в диапазон, и поэтому значение ширины ограничивается 225px.

Много вопросов по CSS для самопроверки вы найдете здесь: https://prglb.ru/3ju8g
Mousetrap.js

Легкая библиотека для привязки сочетания клавиш. Поддерживает множество действий и разные раскладки.

На github: https://prglb.ru/3mbx7

#tools #library
Интернационализация в ES2020

Новинки и доработки в новом стандарте: https://prglb.ru/1ljz

#javascript
Дизайн сайта

Плейлист с разбором и применением интерфейсов веб-страниц: https://prglb.ru/fmqw

#design #interface #video
Какой отступ будет между элементами в следующем примере?
Anonymous Quiz
9%
0px
11%
10px
40%
20px
40%
30px
Основы JavaScript за неделю в формате марафона

Короткие видеоуроки, домашние задания, которые нужно выполнить, чтобы пройти дальше, поддержка и code review от ментора с 14-летним опытом.
В результате — собственная браузерная игра в жанре файтинг.

Старт 21 сентября. Чтобы присоединиться, запустите бота.
Правильный ответ: 30px, так как внешние отступы внутри флекс-контейнера не схлопываются.
Mo.js

JS-библиотека для создания motion графики на JavaScript. Предоставляет полный контроль над анимацией и множество встроенных компонентов.

Ссылка: https://prglb.ru/35orb

#tools #library #animation
Самые сложные вопросы на JavaScript-собеседовании

Хотите подготовиться к собеседованию по JavaScript и ищете вопросы, на которых можно попрактиковаться? Мы собрали более двух десятков вопросов по JavaScript, предназначенных для тех, кто хочет превратиться из джуниора в сеньора, для тех, кто стремится успешно пройти собеседование в сфере фронтенд-разработки и получить интересное предложение от работодателя.

Часть 1: https://prglb.ru/1nn1k
Часть 2: https://prglb.ru/46x0b

#javascript #interview
Современные архитектуры фронт-энда

Рассмотрены архитектуры фронт-энда с точки зрения потоков данных в исторической ретроспективе.

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

#frontend #architecture
Использование Vue.Observable в качестве State Store

Легкая альтернатива Vuex для управления состоянием в веб-приложениях Vue.js
https://prglb.ru/5uajo

#frameworks #vue
Полезные плагины для Chrome

👉 Check My Links — проверка битых ссылок
https://prglb.ru/53tw3

👉 Unshorten.link — разворачивание сокращенных ссылок
https://prglb.ru/4a3ty

👉 Wappalyzer — определение технологий, на которых создан сайт
https://prglb.ru/42oh

👉 WhatFont — определение шрифтов
https://prglb.ru/1wv9t

👉 Colorzilla — пипетка для определения цветов
https://prglb.ru/2rzpv

👉 Web Developer — многофункциональное расширение для работы с сайтами
https://prglb.ru/5u9wh

#browser #tools
Введение в Immutable.js и основные концепции функционального программирования

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

#javascript #functional
Подсказки на HTML и CSS

Видеоурок по созданию кастомизируемых тултипов на HTML и CSS.
Смотреть: https://prglb.ru/1a5jv

#video #html #css #interface
🍃 В сентябре многие родители задумываются о будущем детей: хочется увлечь ребёнка тем, что пригодится в жизни. Таким ответственным родителям мы рекомендуем модульные курсы GeekSchool, где ученики тренируют логику, развивают творческое мышление, навыки решения практических задач и привычку работать на результат. Такой опыт пригодится в любой отрасли и на любой должности.

👩‍🏫 Занятия – это живые вебинары с преподавателями, в любой момент можно задать вопрос и получить ответ. После урока – практическое задание, преподаватель проверяет результат и даёт обратную связь. В конце каждого курса ученики создают финальный проект: например, готовый сайт или компьютерную игру.

За один учебный год можно освоить три направления и решить, что нравится больше. Все подробности здесь: https://proglib.io/w/4372f089
Освойте профессию «Fullstack JS-разработчик» с гарантией трудоустройства на онлайн-курсе школы Thinknetica.

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

На курсе вас ждет:
- продвинутый JavaScript, фронтэнд на React и бэкенд на Node.js;
- задания из реальных проектов и code review каждого задания;
- best practices от экспертов отрасли с более чем 10-летним стажем;
- личный наставник и живое общение в закрытом сообществе.

🔥А в конце обучения – гарантированное трудоустройство или вернем деньги.

Первые 2 недели курса - всего за 1 рубль! Попробуйте и убедитесь сами в его эффективности.

Подробности по ссылке: https://clck.ru/QxBp8
Visual Studio Online

Облачное окружение, позволяющее вести разработку как в браузере, так и в привычных инструментах от Microsoft
https://prglb.ru/5un6x

#tools #editor
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js pinned «Освойте профессию «Fullstack JS-разработчик» с гарантией трудоустройства на онлайн-курсе школы Thinknetica. Курс стартует 28 сентября и предназначен для тех, кто владеет основами javascript и хочет прокачаться, чтобы найти работу. На курсе вас ждет: -…»