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
加入频道
5 Аттрибутов HTML которые стиит использовать

- translate - Атрибут translate указывает, следует ли переводить содержимое элемента или нет.Вы можете использовать его в названии своего бренда.
<p translate="no">frontenders notes</p>


- reversed - Атрибут reversed просто меняет нумерацию, если упорядоченный список вместо 1,2,3 будет 3,2,1

- poster - Задает изображение, которое будет отображаться во время загрузки видео или пока пользователь не нажмет кнопку воспроизведения.

- draggable - Атрибут draggable указывает, можно ли перетаскивать элемент. Часто используется при перетаскивании.
- sandbox - Атрибут sandbox применяет дополнительные ограничения к содержимому кадра. Значение атрибута может быть пустым, чтобы применить все ограничения, или токенами, разделенными пробелами, чтобы снять определенные ограничения.
👍12
Forwarded from CodePen Community
This media is not supported in your browser
VIEW IN TELEGRAM
Dolphins at dawn 🐬- Анимация, реализованная с помощью CSS и JS библиотек GSAP и Three.js


#codepen #css #js

Подпишись👉 @codepen_1
🔥7👍2
Forwarded from React
React JS сайт с нуля

- установка и настройка React и Bootstrap
- Адаптивное меню с bootstrap
- Роутинг сайта, переход по страницам
- делаем слайдер Bootstrap
- верстка табы адаптивно
- форма обратной связи
- верстка компоненты Bootstrap
- верстка сайта блог посты
- как загрузить сайт React JS на хостинг

✍️ @React_lib
👍7
Media is too big
VIEW IN TELEGRAM
Как создавать интерактивные карты на Angular

00:00 — Вступление
16:20 — Первый взгляд на конечный результат
18:08 — Angular CLI
41:10 — Component
54:27 — Services
58:05 — Модуль
1:05:21 — ArcGIS
1:11:55 — Map
1:30:31 — Interactive
1:32:05 — Listener
1:36:18 — GraphicsLayer
1:46:30 — Graphics
1:58:40 — Sketch
2:09:12 — Listen Sketch
2:11:20 — Создание сервиса
2:18:04 — Feature Service
2:19:05 — FeatureLayer
2:24:10 — UI Material
2:27:25 — Выводы

👉 @frontend_1
👍4
Forwarded from Node JS
6 уроков, извлечённых из опыта оптимизации производительности Node.js-сервиса

В компании Klarna прилагают большие усилия к тому, чтобы помочь разработчикам в создании высококачественных и безопасных сервисов. Один из инструментов, который предназначен для разработчиков, представляет собой платформу для выполнения A/B-тестов. Важнейшим компонентом этой системы является множество процессов, которые, для каждого поступающего запроса, принимают решение о том, к какой разновидности тестов (A или B) направить запрос. Это, в свою очередь, определяет то, каким цветом вывести кнопку, какой макет показать пользователю, или даже то, какой пакет сторонней разработки использовать. Эти решения оказывают непосредственное воздействие на впечатления пользователей. Далее

✍️ @nodejs_lib
👍2
Подборка каналов для IT специалистов 🎯

https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/React_lib Подборки по React js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста


Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus

GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub

CodePen 📌
https://yangx.top/codepen_1 Сообщество пользователей CodePen

Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков

Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр

Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

Чат программистов📌
https://yangx.top/developers_ru

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов

БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика

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

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

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

Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.

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

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

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

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

Метавселенная, GameFi, Crypto 📌
https://yangx.top/metaverse360

DeepFake 📌
https://yangx.top/deepfakenow Публикуем deepfake видео

Мир технологий 📌
https://yangx.top/mir_teh Видео из мира технологий

Excel лайфхак📌
https://yangx.top/Excel_lifehack
👍31🔥1
Plotly.js — Библиотека построения графиков на JavaScript с открытым исходным кодом

Позволяет добавлять различные виды диаграмм и графиков в проект.

Особенности / преимущества:
✔️Предоставляет более чем 40 типов диаграмм, включая трехмерные
✔️Доступна для JavaScript, Python, R, F# и т.д
✔️Построена на основе d3.js и stack.gl
✔️Открытый исходный код

https://github.com/plotly/plotly.js

👉 @frontend_1
👍8
Forwarded from CodePen Community
This media is not supported in your browser
VIEW IN TELEGRAM
Traffic Run Game with Three.js - Игра, сделанная с помощью CSS и библиотеки Three.js

Управление осуществляется с помощью клавиш Up и Down

#codepen #css #js

Подпишись👉 @codepen_1
👍4
Forwarded from React
Найди ошибку в React-компоненте: Функциональное Карри

В этом выпуске «Найди ошибку» у нас есть простой React компонент-переключатель, который переключается между активным и неактивным состояниями при нажатии. Однако он не работает как ожидается. Найдите ошибку.

✍️ @React_lib
👍9👏1
Шпаргалка по CSS

https://htmlcheatsheet.com/css/

👉 @frontend_1
👍8🔥1
Академия Яндекса впервые проведет Открытый лекторий https://clck.ru/sKNr4. Это бесплатный образовательный проект, где можно прокачаться по востребованным IT-направлениям:

• разработка интерфейсов;
• бэкенд-разработка на Python и Java;
• мобильная разработка на Android, iOS и Flutter;
• маркетинг в IT и управление проектами и продуктами.

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

Сегодня в 19:15 по мск состоится открытие - https://www.youtube.com/watch?v=Cr_WwzjSJOI), Даша Золотухина, HRD Яндекса, начнет мероприятие, поделится историей Школ, а руководители Школ расскажут о том, как получить максимум от обучения, подсветят вдохновляющие
👍3