Frontender Libs - обзор библиотек JS / CSS – Telegram
Frontender Libs - обзор библиотек JS / CSS
8.09K subscribers
2.04K photos
735 videos
4 files
247 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
Как в Node.js принудительно убить текущее приложение?
Anonymous Quiz
16%
kill node
31%
process.exit()
47%
process.kill()
6%
sys.exit
Почему надо учить React?

Все просто - это самый популярный фреймворк, а React разработчики - самые востребованные, на нем написаны такие гиганты как Facebook, Instagram, Netflix

Ребята из Skillbox за 3 месяца сделают из вас React разработчика и вы сможете смело добавить заветный навык в резюме

Вы научитесь:

- Создавать приложения с нуля
- Работать с публичными API
- Познакомитесь с Flux, Redux, Mobx
- Профилировать свое приложение
- Тестировать свое приложение
- Создавать SPA и RIA приложения с нуля

Ознакомиться с программой и записаться можно по ссылке👇
JS | Alpine.js - реактивность на минималках

Alpine.js предлагает вам реактивность и декларативность таких больших фреймворков, как Vue или React, но за значительно меньшую цену.

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

Отлично подходит для небольших проектов использовать в которых крупные фреймворки избыточно, а реактивности хочется.
Всё, что вам нужно знать о технике Pomodoro

Метод «Помидора» — техника управления временем, предполагающая разбиение задач на 25-минутные периоды, называемые «помидоры», сопровождаемые короткими перерывами.

Главный минус техники — все задачи, должны быть задачами из категории “сделать”. То есть: отправить письмо, проверить у исполнителей статус задач, передать материалы дизайнеру. Во время работы таймера чувствуется некоторый адреналин и готовность быстро переключаться с задачи на задачу. В таком режиме страдает “думательная” концентрация. Потому, лучше сначала подумать, а потом все сделать под “помидором” — механически.
Какая получится высота у блока .parent
Anonymous Quiz
32%
0
61%
50px
4%
25px
3%
75px
JS | Openbase - Удобная платформа для подбора библиотек и фреймворков

openbase.io - Находите и сравнивайте пакеты с открытым исходным кодом с отзывами пользователей, категоризацией и беспрецедентной информацией о популярности, надежности, активности пакетов и многом другом
В этом примере просто и понятно стилизован <input type="file">, с помощью скриптов выводится и сбрасывается имя загруженного файла.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Интуитивно понятные шаблоны на grid

grid-template-areas - удобный и наглядный инструмент для описывания шаблона страницы, отличное стартовое свойство для начала изучения css grid.
Как в PHP задать перенаправление на t.me/swebdev?
Anonymous Quiz
21%
20%
50%
This media is not supported in your browser
VIEW IN TELEGRAM
Задачка для настоящих программистов

Что больше 12м X 50тр или 12м X 100тр - 50тр?

Те, кто смог ответить понимают, что вкладываться в знания - выгодно

Не секрет, что я уже полгода мониторю Skillbox, и что у них всегда есть акции и скидки - но первый раз вижу у них скидку 60%

Дешевле уже не будет👇
Что выведется в консоли
Anonymous Quiz
34%
Куртка
3%
2
63%
undefined
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Реализация карточек каталога с адаптивной высотой

Выровнять карточки, которые находятся внутри сетки, по высоте, относительно соседних карточек, может показать сложно задачей, но на помощь нам приходит css flex. Таким образом мы получаем карточки одинаковый высоты, не задавая высоту, основываясь только на высоте соседних ячеек.

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

В примере используется кастомная сетка, но его легко передать на сетку bootstrap или tailwind.
Именованные аргументы функций в PHP 8

Одной из новинок в PHP 8 будет возможность передавать аргументы в функции по именам.

Это позволяет передавать аргументы в функцию по имени в произвольном порядке, что будет особенно полезно, если функция принимает несколько не обязательных аргументов.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Интерактивные карточки каталога

При вёрстке каталогов, списков статей и подобных типов сетки можно потратить немного больше времени и создать интересные анимации.
Что выведется в консоли?
Anonymous Quiz
57%
[10]
16%
10
23%
undefined
4%
null
Строки и кавычки в PHP

Строки в PHP нужно обрамлять одинарными или двойными кавычками. Но не все знают в чем разница.

Двойные кавычки позволяют вставлять переменные и специальные символы, а одинарные - нет.

Вставка переменных в строку называется интерполяцией.
This media is not supported in your browser
VIEW IN TELEGRAM
JS | Справочник по операторам

Джош Комо создал отличный сайт под названием Operator Lookup, который объясняет, как работают операторы JavaScript. Есть несколько примеров кода, объясняющих, что они делают, добавлены ссылки на MDN с подробным описанием работы оператора.

Сохраняйте в закладки, освежайте знания.