Библиотека фронтендера | 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
加入频道
Хочешь стать программистом, но нет времени смотреть часовые видео на YouTube и мониторить туториалы? Ты можешь обойтись без всего этого с нашим курсом по Frontend-разработке!

Вот что ждет тебя на курсе:
- Изучение основ HTML и CSS
- Знакомство с синтаксисом языка
- Разработка собственного сайта
- Отработка знаний написания кода в тренажерах
- Проверка домашних работ
- Поддержка ментора
- Сообщество студентов

Всего за шесть месяцев мы сделаем из вас хорошего Junior-специалиста со знаниями JavaScript, React, Node.JS, Vue и Angular.

⚡️Давно откладывали обучение? Самое лучшее время – сейчас! Получите курс со скидкой: https://clc.to/WKnEwQ
Архитектура фронтенда: Оболочка

В этой статье речь пойдет о типах приложений и выборе модели рендеринга.

В современных условиях границы между десктопными, мобильными и веб-приложениями стираются. Мы уже можем использовать для них одни и те же инструменты. Но стоит ли это делать?

Раньше все приложения рендерились на сервере, потом появилась клиентская модель. Но теперь мы снова переходим на сервер - почему?

Подробнее: https://prglb.ru/34eb7

#frontend #architecture #bestpractices
Создание ПК программы на JavaScript

Постройте полноценное desktop-приложение с помощью библиотеки Electron JS.

Ссылка: https://prglb.ru/1403p

#video #electron #desktop
Стрелочные функции в JavaScript. Зачем они нужны, когда ими нужно пользоваться?

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

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

#javascript #core
Самый лучший способ изучения фронтенд-разработки

Руководство к действию для начинающих.

Подробно: https://prglb.ru/3ljgc

#beginners
Канал, на котором выкладывают задачки по JavaScript разного уровня и решение на них.

Грех не подписаться на такой полезный канал 👉🏻 @js_test
SEO в React-приложениях: трудности и решения

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

Но в React-проектах с этим есть сложности:

☹️ Единый урл для всех страниц
☹️ Единые мета-теги для все страниц
☹️ Нет контента без работающего JS в браузере

Сообщество давно разработало инструменты для решения этих проблем даже без SSR:

☺️ React Router для изменения урлов
☺️ React Helmet для обновления метаданных
☺️ А также - грамотное использование Google Search Console!

Подробнее: https://prglb.ru/4h5bg
Во время самоизоляции многие работодатели наконец-то признали, что удалённые работники вполне эффективны. Пути назад нет — бизнес идёт туда, где ему выгодно, и скоро всё меньше рабочих мест будут требовать физического присутствия работника в офисе.

Мы предлагаем встретить эти перемены во всеоружии. С 14 по 16 апреля GeekBrains проводит серию бесплатных вебинаров «Все об удалёнке: как работать эффективно и зарабатывать»

Рассмотрим весь путь фрилансера: от принятия решения и выбора биржи, до навыков удалённого делегирования задач и организации работы команды. Пройдёмся по наиболее часто задаваемым вопросам, осветим неочевидные аспекты и проблемы работы из дома.

Переходите по ссылке, чтобы узнать больше и записаться: https://proglib.io/w/5d56bc63
15 важных методов DOM

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

Читать: https://prglb.ru/54q7b

#javascript #browser
Учи JavaScript правильно. Путеводитель для растерявшихся

Заблудились в JavaScript? Это совсем неудивительно. Вам нужен гид, который расскажет, что на самом деле важно. У нас как раз есть такой.

https://proglib.io/p/learn-javascript

#javascript #beginners
GitHub авторизация на Node.js

Реализуем авторизацию через github-аккаунт с помощью Node.js и Express

Подробнее: https://prglb.ru/535ln

#node #api
Пожалуйста, отложите TypeScript ненадолго

TypeScript - это мощнейший быстро растущий инструмент. Но какова цена этой силы? Что стоит за этим инструментом, буквально меняющим правила игры?

Читать: https://prglb.ru/21rg9

#typescript
CSS псевдокласс :is() — как и где его использовать

Новый CSS псевдокласс :is() — это отличный способ выбирать нужные элементы, при этом не писать много лишнего кода, сохранять код читабельным.

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

#css
Реактивное программирование на JavaScript

Способы реализации реактивного связывания в JS.

Смотреть: https://prglb.ru/47qbv

#javascript #video
Новые логические свойства в CSS!

Большинство из нас, разработчиков, мыслят терминами право-лево и верх-низ. Но эта концепция не учитывает потребности многоязычных сайтов.

Когда "слева" не значит "с начала строки"?

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

#css
Отзывчивые таблицы с минимумом CSS

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

Читать: https://prglb.ru/5srdp

#css
Переиспользование форм в Angular

Лучшие практики работы с формами в Angular.

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

#frameworks #angular
10 лучших практик создания и поддержки больших проектов на Vue.js

Пишем эффективный код, который легко поддерживать и переиспользовать.

Читать: https://prglb.ru/40thk

#frameworks #vue
Гибкие лейауты на Flexbox

Подробное введение в свойства flexbox-модели с примерами.

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

#css #beginners #layout
prefers-color-scheme

Лучшие практики создания темных тем на основе пользовательских предпочтений

Читать: https://prglb.ru/53ojy

#css #interface