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/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/xakep_1 Статьи из "Хакера"

Книги, статьи для дизайнеров 📌
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/phis_mat Обучающие видео, книги по Физике и Математике

Арбитраж трафика 📌
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

Подписывайтесь на понравившиеся Telegram-каналы для разработчиков и изучайте программирование из любой точки мира.
👍2🤩1😐1
Пишем чистый код при помощи деструктуризации объектов в JavaScript


В этой статье мы рассмотрим традиционное присваивание значений из объектов в переменные и новый синтаксис деструктуризации в ES6.

Деструктуризация — это синтаксис, который позволяет распаковывать значения из массивов или свойства из объектов в переменные.

Что нам это дает? Возможность писать более чистый и понятный код, экономя время и количество строк.

👉 @frontend_1
👍8👌1
Forwarded from React
Тестирование компонентов React

В этой статье мы расскажем, как использовать библиотеку React Testing Library и Jest для тестирования наших компонентов React.

✍️ @React_lib
👍4
🎥 Svelte Origins: A JavaScript Documentary

Svelte Origins: Документальный фильм рассказывает о том, как появился Svelte, что отличает Svelte от других и как он меняет игру как JavaScript фреймворк. В фильме, снятом в Европе и США, принимают участие создатель Svelte Рич Харрис и члены основного сообщества, которые внесли свой вклад в создание Svelte.

https://www.youtube.com/watch?v=kMlkCYL9qo0

👉 @frontend_1
Svg.js- легкая библиотека для управления и анимации графики SVG

Упрощает создание и управление SVG с помощью JavaScript.

https://github.com/svgdotjs/svg.js

https://svgjs.dev/docs/3.0/


👉 @frontend_1
👍7👎1
Приглашаем принять участие в масштабном ежегодном IT-соревновании “Лидеры цифровой трансформации”, где тысячи талантливых специалистов создадут сервисы для улучшения жизни горожан.

Что ждет тебя?
📍 Призовой фонд 20 000 000 рублей
📍 10 востребованных городом задач
📍 Подарки от партнеров и эксклюзивный мерч для финалистов 📍 Уникальный опыт, который сможешь отразить в портфолио
📍 Шанс найти будущего работодателя или попасть на стажировку

Принять участие могут все желающие от 18 лет, в составе команд от 2 до 5 человек. Объединяйся с друзьями или организаторы помогут тебе собрать команду для участия.

Приглашаются:
🔹 Front/ back/ fullstack разработчики 🔹 Product и project-менеджеры
🔹 Data scientists, engineers
🔹 Дизайнеры
🔹 Маркетологи
🔹 Аналитики
🔹 IT-предприниматели

Переходи на сайт и регистрируйся:
🔗 https://clck.ru/326p7Q

В Telegram-чате конкурса ты узнаешь подробности и найдешь команду:
🔗 https://yangx.top/leaders_2022
👍4
Улучшенная скроллинг с помощью современного CSS

Скроллинг очень обыденная вещь, которая есть на каждом сайте и в каждом приложении. Исторически сложилось так, что в Интернете было сложно последовательно настраивать стилистику полос прокрутки. Поэтому понятно, что разработчики фронтенда не уделяют им много внимания. Хотя это и хорошо, что большинство из нас (надеюсь) не пишет тысячи строк JavaScript для воссоздания скроллинга, мы должны уделять им хотя бы немного больше внимания. Давайте рассмотрим некоторые вещи, которые мы можем сделать в 2022 году, чтобы улучшить прокрутку для наших пользователей.

https://blog.mayank.co/better-scrolling-through-modern-css

👉 @frontend_1
👍5
Работа с JavaScript Reflect API

Как разработчик, вы должны уметь создавать системы и приложения, способные работать с динамическим кодом. Эти программы должны иметь возможность манипулировать переменными, свойствами и методами объектов во время выполнения. С этой целью в ES6 был введен новый глобальный объект Reflect, который способен выполнять простые манипуляции с кодом.

https://blog.logrocket.com/working-with-the-javascript-reflect-api/

👉 @frontend_1
👍1
Тинькофф ищут Frontend-разработчика (Angular)

В Тинькофф большое Angular-комьюнити из более чем 100 профессиональных разработчиков. Сейчас в команду ищут Frontend-разработчика.

Будете:
— Разрабатывать SPA приложений для проектов Тинькофф;
— Совершенствовать технические инструменты;
— Внедрять новые технологии и практики.

Нужно:
— Иметь опыт работы с Angular и в Agile команде;
— Хорошо знать основы JavaScript;
— Понимать работу веб-приложений (HTTP протокол, REST API);
— Уметь проводить качественное код-ревью.

Предлагают:
— Заботу о здоровье: полис ДМС и страховку от несчастных случаев, а также льготные условия страхования для близких;
— Профессиональное развитие: митапы, тренинги и мастер-классы, огромная tech-библиотека;
— Частичную компенсацию расходов на спорт.

Узнать о вакансии больше и откликнуться можно по ссылке.
👍1
Через Git и бэк — в фулстек: что мы узнали из опроса фронтендеров

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

👉 @frontend_1
👍2
Forwarded from CodePen Community
This media is not supported in your browser
VIEW IN TELEGRAM
Profile Card UI - Карточка профиля, реализованная с помощью SCSS и JavaScript

#codepen #css #js

Подпишись👉 @codepen_1
👍12
Генерируйте типы и конвертеры из JSON, схем и GraphQL

Quicktype генерирует сильно типизированные модели и сериализаторы из JSON, JSON Schema, TypeScript и запросов GraphQL, что позволяет легко и безопасно работать с JSON во многих языках программирования.

https://github.com/quicktype/quicktype

https://app.quicktype.io/

👉 @frontend_1
👍4
10 лучших фреймворков JavaScript для использования в 2022 году

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

👉 @frontend_1
👍5👎1
Forwarded from CodePen Community
This media is not supported in your browser
VIEW IN TELEGRAM
Christmas Tree Spiral 🎄- Анимированная рождественская ёлка, выполненная с помощью Pug и Stylus


#codepen #css #js

Подпишись👉 @codepen_1
👍4
В октябре 2022 года вы можете бесплатно пройти обучение по специальности "Разработчик интернет-сайтов на Tilda и других сервисах" в рамках федерального проекта "Содействие занятости". 

За 1 месяц интенсивного обучения вы обретете или закрепите ключевые навыки для успешной работы в области создания сайтов на базе конструкторов и получите удостоверение о повышении квалификации установленного образца.

Оказываем помощь в поиске работы или открытии СЗ / ИП   Организатор обучения — официальный партнер Томского государственного университета. Учебная программа курса одобрена экспертным советом ТГУ.

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

Программа доступна ряду категорий населения, включая:
— неработающих студентов старшего курса и выпускников
— безработных и лиц под риском увольнения / сокращения

☑️ Подать заявку на обучение:
https://clck.ru/32FDd9
Старт потока уже 20 октября! 🚀
Angular v14.2 NgOptimizedImage

Директива NgOptimizedImage доступна для предварительного просмотра разработчиками. Вы можете попробовать ее, но она может измениться, прежде чем станет стабильной.

https://angular.io/guide/image-directive

👉 @frontend_1
👍4
Что нового можем делать с формами в 2022?

Браузеры постоянно добавляют новые возможности HTML, JavaScript и CSS. Вот несколько полезных дополнений для работы с формами, которые вы могли пропустить...

https://css-tricks.com/whats-new-with-forms-in-2022/

👉 @frontend_1
👍1
Принцип каскада

Один из основных принципов работы CSS. Стили читаются и применяются сверху вниз.
Если вы так боитесь каскада, что отказываетесь его изучать, вы не понимаете веба и лучше вам посмотреть в сторону чего-нибудь попроще в другой области кодинга.

https://doka.guide/css/cascade/

👉 @frontend_1
👍3👎1
Подборка 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