Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

#news

Новости из мира фронтенд-разработки:

— Mithril.js 2.2
— Electron React Boilerplate 4.6
— Helmet 5.1.0
— Deno 1.22
— melonJS 10.9.0
— Vuestic 1.4.0
— Kea 3.0
— Node v18.2.0 (Current) и Node v14.19.3 (LTS)

GitHub

Release v2.2.0 · MithrilJS/mithril.js

Release v2.2.0

#2769
#2752
#2768
#2578
#2722
#2316
#2750
#2711
#2743
#2670
#2695
#2641
#2655
#2537
#2646
#2633
#2594
#2603
#2539
#2536
#2405
#2744
#2765
#2760
#2758
#2751
#2757
#2748
#2745
#2620
...

4.4K views18:47

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Проектирование и разработка адаптивного меню для мобильных устройств с использованием чистых HTML + CSS.

https://proglib.io/w/dbb3db5b

LogRocket Blog

Create a responsive mobile menu with CSS - LogRocket Blog

Learn how to build a responsive mobile menu entirely from pure HTML and CSS, with no JavaScript. Read our tutorial.

4.3K views19:32

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

#weekly

📰 Weekly #1: новости, подкасты, отборные статьи и обучающие материалы по фронтенду

Первый выпуск посвящен фронтенду: шпаргалка по основным концепциям ⚛️ React, реализация шагающей игрушки слинки на чистом ✨CSS, руководство по TypeScript для начинающих, интервью 🎙«Как инженеру не умереть со скуки во фронтенде» и еще 🔗четыре десятка полезных ссылок.

https://proglib.io/sh/H5Ub2LgW8C

4.2K views11:45

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Разбираемся на практике, как не допустить утечку памяти при использовании библиотеки RxJS.

https://proglib.io/w/c88994e9

Хабр

Не отписался — без памяти остался

Предисловие Речь пойдёт про мощный инструмент, реализующий собой подход реактивного программирования и в разы упрощающий разработку — RxJS. В частности разберём один момент, про который нужно не...

4.2K views18:19

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

7 полезных расширений VS Code для React-разработчика: https://proglib.io/w/afa74134

NOP::Nuances of programming

7 расширений VS Code, которые стоит знать разработчику React

Работаете с React? Используйте эти 7 расширений, чтобы повысить свою продуктивность.

4.5K views20:34

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Лучшие практики по работе с Node.js в одном репозитории.

https://proglib.io/w/3253ff46

GitHub

GitHub - goldbergyoni/nodebestpractices: :white_check_mark: The Node.js best practices list (July 2024)

:white_check_mark: The Node.js best practices list (July 2024) - goldbergyoni/nodebestpractices

4.4K views08:31

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Всем привет!

Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама.

Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям.

@MasterHuBot

4.1K views09:02

👉 Настроить бота

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Forwarded from Библиотека программиста | программирование, кодинг, разработка

🌱 11 карьерных советов для начинающих разработчиков

В помощь начинающим разрабам 11 советов по подготовке к собеседованию, продвижению себя в соцсетях, участию в опенсорс-проектах, поиску наставника и многому другому.

https://proglib.io/sh/ROAKEsm5ej

3.6K views12:36

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

#tip

💡В CSS вы можете использовать accent-color для стилизации встроенных полей ввода.

4.5K views18:46

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Архитектура фронтенд-приложений: обзор различных подходов.

https://proglib.io/w/7b3b677a

Хабр

Архитектура фронтенда и какой она должна быть

Все мы знаем про, или слышали про практики и паттерны проектирования SOLID, GRASP, MVC, MV** и даже применяем их с переменным успехом, стараясь нащупать эффективный подход к построению приложений. Но...

5.9K views19:44

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Подборка малоизвестных и малоиспользуемых функций CSS в 2022 году, которая составлена с учетом мнения сообщества и личного взгляда автора статьи.

https://proglib.io/w/a99ad682

Smashing Magazine

Lesser-Known And Underused CSS Features In 2022 — Smashing Magazine

CSS is constantly evolving, and some cool and useful properties either go completely unnoticed or are not talked about as much as others for some reason or another. In this article, we’ll cover a fraction of those CSS properties and selectors.

4.5K views15:37

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

#tip

💡Кстати, при использовании математических функций CSS вам не обязательно задействовать calc().

4.3K views17:00

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Vue 3: обзор различных вариантов взаимодействия компонентов.

https://proglib.io/w/c2301380

4.6K views18:30

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

#news

Очередной дайджест новостей из мира фронтенд-разработки:

— Релиз TypeScript 4.7
— Релиз Chrome 102, Mozilla Firefox 100.0.2 и Safari 15.5
— Релиз Electron 19
— Релиз Neutralino.js 4.6
— Релиз fast-check 3.0
— Релиз Knex 2.1.0
— Релиз Cypress 9.7.0
— Релиз Storybook 6.5

Microsoft News

Announcing TypeScript 4.7

Today we’re excited to announce the availability of TypeScript 4.7! If you’re not yet familiar with TypeScript, it’s a language that builds on JavaScript and adds syntax for types. Types help describe what kinds of values you’re working with and what kinds…

4.2K views16:41

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Современная отзывчивая типографика с использованием CSS clamp: полный гайд от теории к практике.

En & Ru

Smashing Magazine

Modern Fluid Typography Using CSS Clamp — Smashing Magazine

We’ll explore fluid typography principles, use-cases, implementation with CSS clamp() and an interactive fluid typography calculator.

4.5K viewsedited 18:43

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

for-of vs. .reduce() vs. .flatMap(): сравнение трёх способов обработки массивов в JavaScript, которое поможет выбрать наиболее подходящий вариант для вашей работы.

https://proglib.io/w/7d33addb

4.7K views20:25

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

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

https://proglib.io/w/1a421414

Msiter.RU

Создание слайдера который выглядит одинаково во всех браузерах

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

4.8K views06:00

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Коллекция сниппетов на JavaScript и CSS для ежедневных потребностей фронтенд-разработчика.

https://proglib.io/w/619aa5d0

www.30secondsofcode.org

30 seconds of code

Browse 648 coding articles to level up your coding skills on 30 seconds of code.

5.0K views13:43

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

#humor

Когда случайное значение пикселей в CSS оказалось правильным