Frontend разработчик
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
GIT основные команды
👍1
Сохраняем данные формы на сайте при перезагрузке страницы, с помощью JavaScript и sessionStorage.

Представьте ситуацию - Ваш пользователь вводил данные в форму связи на сайте, вдруг у него завис Интернет, он перезагрузил страницу и все данные стёрлись... Либо он просто случайно нажал F5, либо случайно кликнул по любой ссылке на сайте и перешёл на другую страницу... Если мы никуда не записываем вводимые в форму данные, то при возврате на страницу с формой, Ваш пользователь будет мягко говоря опечален.

https://blog.lisogorsky.ru/session-storage-save-data
Подборка каналов для программистов 🎯

Системное администрирование 📌
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов

Программирование, фронтенд, мобильная р-ка, книги 📌
https://yangx.top/game_devv GameDev: разработка игр
https://yangx.top/frontend_1 Подборки для frontend разработчиков
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/developer_mobila Мобильная разработка
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов

Шутки программистов 📌
https://yangx.top/itumor ITumor | программисты шутят

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров

Учим английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Книги по математике 📌
https://yangx.top/Pomatematike Канал по математике

Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют 📈

Вакансии для программистов 📌
https://yangx.top/progjob Вакансии для программистов
Как удалить неиспользуемые стили CSS на сайте

Большинство современных сайтов созданы на CMS. Причём, обычно системы управления включают в себя несколько шаблонов, с различными вариантами расположения блоков, с разными цветовыми схемами и с разным набором элементов. Разумеется, для всех этих элементов прописываются стили. Также, стили есть у плагинов. В итоге, получается набор стилей как минимум на полмегабайта, и штук 10 ссылок на разные файлы стилей, и это ещё в лучшем случае.


https://blog.lisogorsky.ru/remove-unused-css
8 простых UI приёмов чтобы сделать дизайн-прототип динамичным, не прибегая к анимации

Материал этой статьи является следствием моих дизайн-экспериментов и выводов за последний год-полтора непрерывного дизайн гринда. Я неустанно собирал ui kit’ы, экспериментировал с контентом в плейсхолдерах, стилями, тенями текстами и состояниями, чтобы понять влияет ли это на конверсию. Иначе говоря, смогу ли я увеличить продажи дизайн-продуктов для Figma, если добавлю немного визуальной динамики в статичные дизайн-макеты, чтобы сделать темплейты интереснее и функциональнее.


https://habr.com/ru/post/459964/
Balloon.css

Всплывающие подсказки на чистом css.

https://kazzkiq.github.io/balloon.css/
SmartMarket — единая точка доступа ко всем технологиям Сбера

💻 Хотите быть в курсе передовых технологий в IT? Регистрируйтесь на платформе SmartMarket!

Платформа позволяет решать IT-задачи любой сложности и использовать:

— Визуальный конструктор и фреймворки для создания приложений для виртуальных ассистентов Салют;
— Среду разработки на языках SmartApp DSL и JavaScript;
— Нейросетевые решения;
— Сервисы для хранения данных, отправки пушей, аналитики;
— FaaS-решение для событийно-ориентированных бессерверных вычислений;
— Веб-хостинг и многое другое.

А еще вы сможете монетизировать свои проекты в один клик, подключать голосовое управление и распознавание жестов и станете частью сообщества из 2500+ разработчиков!

Подробности по ссылке.
Next.js: подробное руководство. Итерация вторая

Next.js — это основанный на React фреймворк, предназначенный для разработки веб-приложений, обладающих функционалом, выходящим за рамки SPA, т.е. так называемых одностраничных приложений.

https://habr.com/ru/company/timeweb/blog/590157/
Нам задают много вопросов о технологическом конкурсе НТИ Up Great по Аэрологистике. Отвечаем на популярные:

Как были определены параметры технологического барьера — масса груза, дистанция и сценарий перевозки?

Барьер сформирован потребностями рынка. Мы усреднили все существующие и ожидаемые значения и получили: 50 кг груза и дистанцию в 1000 км.

Какие технологии и решения отсутствуют и будут разработаны в конкурсе?

Существует сразу несколько проблем:

— Низкая надежность беспилотного воздушного судна. Пока в мире никто не показал фактическую перевозку хотя бы 50 кг на 1000 км между несколькими получателями.

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

Как обеспечивается объективность?

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

Подробнее, FB и ВК
Примеры JavaScript: 7 приёмов, о которых вы не знали

https://te.legra.ph/Primery-JavaScript-7-priyomov-o-kotoryh-vy-ne-znali-11-27
Selectel — продуктовая IT-компания, провайдер IT-инфраструктуры и гордый владелец сети дата-центров.

В канале @selectelcareers:
— карьерные материалы
— актуальные вакансии
— доклады с конференций

Подписывайтесь, чтобы узнать о компании больше: @selectelcareers