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
加入频道
Подборка Telegram каналов для программистов🔥
Сохраняйте, чтоб не потерять.

https://yangx.top/itmozg Программисты, дизайнеры, новости из мира IT.
https://yangx.top/phis_mat Обучающие видео, книги по Физике и Математике
https://yangx.top/xakep_1 Статьи из "Хакера"

https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста

1C разработка 📌
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С

Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++
https://yangx.top/cpp_geek Учим 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
https://yangx.top/java_geek Учим Java на примерах

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/kotlin_lib Подборки полезного материала по Kotlin

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков
https://yangx.top/frontend_sovet Frontend советы, примеры и практика!
https://yangx.top/React_lib Подборки по React js и все что с ним связано

Разработка игр 📌
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/sysadminoff Новости Линукс Linux

Английский 📌
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
👍42👎1
Typescript for Beginners

Typescript for Beginners - Starter Lesson
Typescript Basic Types - Beginners Lesson
Typescript Objects, Arrays, Tuples & Enums | Basics Tutorial
Typescript Functions | Basics Tutorial for Beginners
Type Assertions & Type Casting | Typescript Tutorial for Beginners
TypeScript Classes Tutorial | TS for Beginners Lesson
Typescript Index Signatures, keyof Assertions & the Record Utility Type

источник

👉 @frontend_1
👍61
Парсинг дат в JS — добавляем русский язык в библиотеку Chrono

Crono это парсер дат на естественном языке. Кроме формальных ISO 8601 или dd.MM.yyyy, распознает варианты а-ля «в среду утром‎», «с 10 до 11 вечера», «2 часа 5 минут назад» и т.п. Поддерживает 8 языков, в том числе, теперь, и русский.

https://habr.com/ru/post/676026/

👉 @frontend_1
👍10👎1
Друзья, предлагаем вам оценить российский рынок мероприятий для разработчиков. Поделитесь, какие митапы и конференции вам интересны и почему, какие форматы участия вы предпочитаете.

Онлайн-опрос займет не более 3-х минут. За это время вы передохнёте от работы, а в конце мы подарим скидку 25% на крутые образовательные лекции!

Пройти опрос
👎7
Forwarded from CodePen Community
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированная сцена, выполненная с помощью SVG, Pug и Sass

https://codepen.io/jkantner/pen/YzEzWGg

#codepen #svg

Подпишись👉 @codepen_1
👍10
26 ноября СберБанк проводит One Day Offer для Frontend-разработчиков.

👉 Пройди fast-интервью и получи оффер от крупнейшего банка страны за один день!

Мы ищем специалистов с опытом от 2,5 лет для работы над цифровой образовательной платформой. Нашим продуктом пользуются в тысячах школ по всей стране, а также в адаптационной программе Сбера BootCamp и «Школе 21». Над развитием проекта трудится 35 scrum-команд.

Наш стек компетенций: ReactJS, TypeScript, Apollo Client, Styled-Components, Material-UI, Storybook.
Задачи, которые мы поручим тебе:

развитие микросервисов;
участие в разработке архитектуры клиентской части;
оптимизация производительности фронта, сборки проекта и первого рендера;
сопровождение и развитие UI kit;
повышение адаптивности интерфейсов;
автоматизация процессов разработки frontend;
настройка пайплайнов (CI/CD), Quality Gates.

Присоединяйся к команде! Отправь заявку на участие в One Day Offer.
💩11👎3👍1
Создание и развертывание одностраничного приложения с помощью функций React, Vite и Netlify

https://labs.pineview.io/build-test-and-deploy-an-app-react18-vite-netlify-nightwatch/

👉 @frontend_1
👍4
CSS для Профи

Каскадность и специфичность CSS
Наследование и инструменты разработчика
Работа с относительными единицами
Единицы измерения и много тонкостей
CSS Переменные, их применение
Flexbox верстка
Выравнивание и промежутки в flexbox
Flex свойства (grow, shrink, basis)
CSS сетка (GRID)
Расположение элементов по грид-линиям
Задаем имена областям css сетки в grid
Grid и flex в одном документе
Позиционирование и наложение
Выпадающее меню на css
Адаптивность, mobile first
Верстка мобильного меню, немного JS
Медиа запросы @ media простым языком
Адаптивные изображения в верстке
Препроцессоры SASS и Less | Подготовка среды и тест

Все видео на youtube

👉 @frontend_1
👍9
Создаем фигуры на чистом CSS с примерами кода 47 форм

На CSS можно создавать всевозможные формы. Квадраты и прямоугольники просты, поскольку они являются естественными формами в Интернете.
Умно используя позиционирование, преобразование и многие другие приемы, мы можем создавать множество форм в CSS с помощью всего одного элемента HTML.

https://bookflow.ru/sozdaem-figury-na-chistom-css-s-primerami-koda/

👉 @frontend_1
🔥8👍5
​Subcolor – инструмент для генерации оттенков между двумя разными цветами

Представлен в двух видах: js-библиотеки и веб-сервиса

https://github.com/ibrahimtelman/subcolor
👉 @Githublib
👍8