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
加入频道
Генераторы JavaScript: превосходные async / await

https://blog.logrocket.com/javascript-generators-the-superior-async-await/

👉 @frontend_1
👍1
Forwarded from CodePen Community
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированная спираль ДНК с градиентным переливом, выполненная с помощью SCSS, без использования JavaScript

https://codepen.io/shshaw/pen/eYGPXVr

#codepen #scss
Подпишись👉 @codepen_1
Ускоренный отбор в Яндекс – Intern week offer 🔥

В рамках нового проекта начинающие разработчики смогут пройти собеседования и получить приглашение на стажировку всего за 7 дней. Чтобы пройти отбор, нужно решить контест, пройти технические секции и финалы.

Направления: Backend, Frontend или Mobile

Условия: стажировка оплачивается, длится от 3 до 6 месяцев, и вы можете выбрать занятость 20, 30 или 40 часов в неделю. Иногородним стажёрам мы оплачиваем проезд и проживание, а тех, кто хорошо себя проявит, будем рады видеть в штате.

Крайний срок подачи заявки и решения контеста – 30 октября.

👉Подать заявку: https://clck.ru/32VPvu
👍13👎61🔥1
Currency.js — Небольшая, легкая библиотека javascript для работы с валютными значениями.

Это легкая библиотека javascript размером ~1 кб для работы с валютой. Она была создана для решения проблем с плавающей точкой в javascript. В этом докладе Бартек Шопка подробно объясняет, почему у javascript есть проблемы с плавающей точкой.


https://currency.js.org/

https://github.com/scurker/currency.js

👉 @frontend_1
👍5
Мы в Хекслете уверены, что успешность разработчика определяется его умением быстро и эффективно решать задачи бизнеса и работать в команде!

Наш курс «Фронтенд-разработчик» поможет вам освоить новую профессию с нуля и начать карьеру программиста уже в процессе обучения.

Как? Все потому, что мы учим фундаментальному:

развиваем алгоритмическое мышление: учим мыслить, как разработчик и переводить любую бизнес-задачу на язык кода.
погружаем в практику с первых дней обучения: вы будете много кодить в онлайн-тренажере и участвовать в разработке открытых проектов Хекслета на GitHub.
готовим к собеседованиям, поиску работы: навыки самопрезентации и нетворкинга пригодятся на любом этапе карьеры.

Начните уже сегодня с бесплатных вводных уроков, чтобы оценить формат обучения и познакомиться с основами, переходи по ссылке выше!
👍2
Создаём npm пакет, совместимый с CJS, ESM, написанный на TypeScript

Для чего нужен пакет?

У нас в работе постоянно нужно переиспользовать код. Делать копипасту из одного проекта в другой одинаковых утилит, классов. Я считаю дело неблагодарным и стараюсь такие вещи выносить в пакет.

Пакет можно запаблишить как в официальный npm репозиторий, так и в свой репозиторий (например в Verdaccio, на случай если вы хотите иметь приватный пакет, но не хотите платить деньги npm'у и хотите держать все под контролем).

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


👉 @frontend_1
👍6
Подборка 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
👍3👎1😁1
Как посчитать длину текста и не привлекать внимание санитаров

В этой статье я расскажу, как правильно рассчитать длину текста в Java Script. Эта статья будет одинаково полезна как начинающим разработчикам, так и весьма опытным. Благодаря ей вы поймете устройство Unicode и особенности его работы в JS.

👉 @frontend_1
👍5
Holograms, light-leaks and how to build CSS-only shaders.

https://robbowen.digital/wrote-about/css-blend-mode-shaders/

👉 @frontend_1
👍1
Сколько пальцев на руке Брюса Всемогущего?
Столько горячих вакансий у IT_One🔥

1️⃣ Системный аналитик
2️⃣ Java Backend Developer
3️⃣ Технический лидер команды
4️⃣ Разработчик Frontend
5️⃣ Frontend разработчик (React)
6️⃣ Frontend Developer
7️⃣ Старший Frontend разработчик

Самые интересные проекты с открытыми вакансиями в компании IT_One:

✔️С 2006 года команда занимает лидирующие позиции на рынке системной интеграции.
✔️ Реализовали более 600 проектов для государственных и крупных коммерческих заказчиков.
✔️Собрали большую команду, в которой сочетаются профессионализм, опыт и молодость (более 1800 специалистов).

Подписывайся на канал IT_One и следи за вакансиями!
1👍1
Как REST выродился в собственную противоположность

Меня все сильнее раздражает, сколько людей готовы записывать в REST API любой интерфейс на основе HTTP. Сегодня приведу в качестве примера SocialSite REST API. Это же вызовы удаленных процедур (RPC). Он просто выкрикивает RPC. Связность между элементами на экране настолько сильная, что это творение заслуживает рейтинга X.

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


👉 @frontend_1
👍5
Полный гайд по использованию CSS-фильтров с SVG

https://blog.logrocket.com/complete-guide-using-css-filters-svgs/

👉 @frontend_1
👍51
Если вы разработчик и у вас есть пара минут, порефлексируйте, пожалуйста, с нами о новой реальности в небольшом опросе. Ваши ответы помогут крупной IT-компании понять, где теперь лучше организовывать профессиональные мероприятия и оказывать помощь и поддержку комьюнити.

Пройти опрос
👌4
Использование методологии Feature-Sliced Design для быстрых экспериментов

Фронтенд-разработчик inDrive поделился на Хабре главными принципами методологии Feature-Sliced Design (FSD) и своим опытом ее использования. В статье он рассказал, как занимается разработкой внутренних стартапов на основе бизнес-гипотез с помощью FSD.

Вы узнаете, какие уровни абстракции используются в методологии, из каких слоев она состоит и о чем стоит помнить при ее внедрении. Полезный материал, который поможет при проектировании гибкой и легко масштабируемой архитектуры.
👍62
Техническое собеседование на frontend-разработчика

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

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

👉 @frontend_1
👍42
Удалённая работа и фриланс становятся всё более популярными. Рынок заполнился горе-фрилансерами, которые демпенгуют и забирают себе заказы.

Хочешь научиться работать грамотно, развиваться и забирать самые хорошие заказы?

Подписывайся на блог о правильных подходах в Freelance, аутсорсинге и удалёнке https://yangx.top/+0gEi_Fa0G1AzZjMy

Также мы будем скидывать заполнившим анкету фрилансерам заказы от проверенных заказчиков. Например сейчас есть много заказов для программистов 😏

Ссылка на канал: https://yangx.top/+0gEi_Fa0G1AzZjMy
👎31
10 лучших алгоритмов для улучшения навыков JavaScript🚀 🦄

https://javascript.plainenglish.io/top-10-algorithms-improve-your-javascript-skills-21507c25ff7

👉 @frontend_1
👍7
Советы, приемы и приемы функционального программирования для JS

https://blog.openreplay.com/forever-functional-a-treasury-of-tips-tricks-and-techniques-for-javascript

👉 @frontend_1
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Форма кредитной карты

Форма кредитной карты с плавными и приятными микро-взаимодействиями.
Включает форматирование номеров, валидацию и автоматическое определение типа карты на vuejs.

https://github.com/muhammed/interactive-card

https://codepen.io/JavaScriptJunkie/pen/YzzNGeR

👉 @frontend_1
👍18🔥11