Генераторы JavaScript: превосходные async / await
https://blog.logrocket.com/javascript-generators-the-superior-async-await/
👉 @frontend_1
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
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
В рамках нового проекта начинающие разработчики смогут пройти собеседования и получить приглашение на стажировку всего за 7 дней. Чтобы пройти отбор, нужно решить контест, пройти технические секции и финалы.
Направления: Backend, Frontend или Mobile
Условия: стажировка оплачивается, длится от 3 до 6 месяцев, и вы можете выбрать занятость 20, 30 или 40 часов в неделю. Иногородним стажёрам мы оплачиваем проезд и проживание, а тех, кто хорошо себя проявит, будем рады видеть в штате.
Крайний срок подачи заявки и решения контеста – 30 октября.
👉Подать заявку: https://clck.ru/32VPvu
👍13👎6❤1🔥1
Currency.js — Небольшая, легкая библиотека javascript для работы с валютными значениями.
Это легкая библиотека javascript размером ~1 кб для работы с валютой. Она была создана для решения проблем с плавающей точкой в javascript. В этом докладе Бартек Шопка подробно объясняет, почему у javascript есть проблемы с плавающей точкой.
https://currency.js.org/
https://github.com/scurker/currency.js
👉 @frontend_1
Это легкая библиотека javascript размером ~1 кб для работы с валютой. Она была создана для решения проблем с плавающей точкой в javascript. В этом докладе Бартек Шопка подробно объясняет, почему у javascript есть проблемы с плавающей точкой.
https://currency.js.org/
https://github.com/scurker/currency.js
👉 @frontend_1
YouTube
Bartek Szopka: Everything you never wanted to know about JavaScript numbers -- JSConf EU 2013
Slides: https://speakerdeck.com/bartoszopka/everything-you-never-wanted-to-know-about-javascript-numbers
IEEE 754 visualization: http://bartaz.github.io/ieee754-visualization/
All the ECMAScript standard says about Numbers in JavaScript is that they are represented…
IEEE 754 visualization: http://bartaz.github.io/ieee754-visualization/
All the ECMAScript standard says about Numbers in JavaScript is that they are represented…
👍5
Мы в Хекслете уверены, что успешность разработчика определяется его умением быстро и эффективно решать задачи бизнеса и работать в команде!
Наш курс «Фронтенд-разработчик» поможет вам освоить новую профессию с нуля и начать карьеру программиста уже в процессе обучения.
Как? Все потому, что мы учим фундаментальному:
✅ развиваем алгоритмическое мышление: учим мыслить, как разработчик и переводить любую бизнес-задачу на язык кода.
✅ погружаем в практику с первых дней обучения: вы будете много кодить в онлайн-тренажере и участвовать в разработке открытых проектов Хекслета на GitHub.
✅ готовим к собеседованиям, поиску работы: навыки самопрезентации и нетворкинга пригодятся на любом этапе карьеры.
Начните уже сегодня с бесплатных вводных уроков, чтобы оценить формат обучения и познакомиться с основами, переходи по ссылке выше!
Наш курс «Фронтенд-разработчик» поможет вам освоить новую профессию с нуля и начать карьеру программиста уже в процессе обучения.
Как? Все потому, что мы учим фундаментальному:
✅ развиваем алгоритмическое мышление: учим мыслить, как разработчик и переводить любую бизнес-задачу на язык кода.
✅ погружаем в практику с первых дней обучения: вы будете много кодить в онлайн-тренажере и участвовать в разработке открытых проектов Хекслета на GitHub.
✅ готовим к собеседованиям, поиску работы: навыки самопрезентации и нетворкинга пригодятся на любом этапе карьеры.
Начните уже сегодня с бесплатных вводных уроков, чтобы оценить формат обучения и познакомиться с основами, переходи по ссылке выше!
👍2
Создаём npm пакет, совместимый с CJS, ESM, написанный на TypeScript
Для чего нужен пакет?
У нас в работе постоянно нужно переиспользовать код. Делать копипасту из одного проекта в другой одинаковых утилит, классов. Я считаю дело неблагодарным и стараюсь такие вещи выносить в пакет.
Пакет можно запаблишить как в официальный npm репозиторий, так и в свой репозиторий (например в Verdaccio, на случай если вы хотите иметь приватный пакет, но не хотите платить деньги npm'у и хотите держать все под контролем).
https://habr.com/ru/post/695482/
👉 @frontend_1
Для чего нужен пакет?
У нас в работе постоянно нужно переиспользовать код. Делать копипасту из одного проекта в другой одинаковых утилит, классов. Я считаю дело неблагодарным и стараюсь такие вещи выносить в пакет.
Пакет можно запаблишить как в официальный npm репозиторий, так и в свой репозиторий (например в Verdaccio, на случай если вы хотите иметь приватный пакет, но не хотите платить деньги npm'у и хотите держать все под контролем).
https://habr.com/ru/post/695482/
👉 @frontend_1
Хабр
Создаём npm пакет, совместимый с CJS, ESM, написанный на TypeScript
Для чего нужен пакет? У нас в работе постоянно нужно переиспользовать код. Делать копипасту из одного проекта в другой одинаковых утилит, классов. Я считаю дело неблагодарным и стараюсь такие вещи...
👍6
8 CSS примеров для демонстрации теневых эффектов
https://speckyboy.com/css-snippets-shadow-effects/
👉 @frontend_1
https://speckyboy.com/css-snippets-shadow-effects/
👉 @frontend_1
Speckyboy Design Magazine
8 CSS Snippets That Demonstrate the Power of Shadow Effects — Speckyboy
A collection of useful code snippets that demonstrate the usefulness and what you can fully achieve with CSS shadow effects.
👍3
Подборка 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
Сохраняйте, чтоб не потерять.
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
В этой статье я расскажу, как правильно рассчитать длину текста в 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
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 и следи за вакансиями!
Столько горячих вакансий у 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
Меня все сильнее раздражает, сколько людей готовы записывать в 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
https://blog.logrocket.com/complete-guide-using-css-filters-svgs/
👉 @frontend_1
👍5❤1
Если вы разработчик и у вас есть пара минут, порефлексируйте, пожалуйста, с нами о новой реальности в небольшом опросе. Ваши ответы помогут крупной IT-компании понять, где теперь лучше организовывать профессиональные мероприятия и оказывать помощь и поддержку комьюнити.
Пройти опрос
Пройти опрос
👌4
Использование методологии Feature-Sliced Design для быстрых экспериментов
Фронтенд-разработчик inDrive поделился на Хабре главными принципами методологии Feature-Sliced Design (FSD) и своим опытом ее использования. В статье он рассказал, как занимается разработкой внутренних стартапов на основе бизнес-гипотез с помощью FSD.
Вы узнаете, какие уровни абстракции используются в методологии, из каких слоев она состоит и о чем стоит помнить при ее внедрении. Полезный материал, который поможет при проектировании гибкой и легко масштабируемой архитектуры.
Фронтенд-разработчик inDrive поделился на Хабре главными принципами методологии Feature-Sliced Design (FSD) и своим опытом ее использования. В статье он рассказал, как занимается разработкой внутренних стартапов на основе бизнес-гипотез с помощью FSD.
Вы узнаете, какие уровни абстракции используются в методологии, из каких слоев она состоит и о чем стоит помнить при ее внедрении. Полезный материал, который поможет при проектировании гибкой и легко масштабируемой архитектуры.
Хабр
Feature-Sliced Design: эволюция фронтенда для быстрых экспериментов
Сегодня никого не удивишь тем, что бизнес-требования и приоритеты в развитии проектов постоянно меняются. Поэтому важно спроектировать такую архитектуру, которая будет гибкой, легко...
👍6❤2
Техническое собеседование на frontend-разработчика
Для молодого специалиста техническое собеседование — это не только возможность показать свои навыки, но и серьезный стресс. Чего ждать и к чему готовиться? Почему на собеседовании дают те или иные задачи? Как вести себя на лайвкодинге? Если вы знаете ответы на эти вопросы, вам точно будет проще пройти интервью.
https://www.youtube.com/watch?v=C7b4aShcLKA
👉 @frontend_1
Для молодого специалиста техническое собеседование — это не только возможность показать свои навыки, но и серьезный стресс. Чего ждать и к чему готовиться? Почему на собеседовании дают те или иные задачи? Как вести себя на лайвкодинге? Если вы знаете ответы на эти вопросы, вам точно будет проще пройти интервью.
https://www.youtube.com/watch?v=C7b4aShcLKA
👉 @frontend_1
YouTube
Техническое собеседование на frontend-разработчика | Вебинар | karpov.courses dev
Курс Frontend: https://bit.ly/3ofksya
Для молодого специалиста техническое собеседование — это не только возможность показать свои навыки, но и серьезный стресс. Чего ждать и к чему готовиться? Почему на собеседовании дают те или иные задачи? Как вести себя…
Для молодого специалиста техническое собеседование — это не только возможность показать свои навыки, но и серьезный стресс. Чего ждать и к чему готовиться? Почему на собеседовании дают те или иные задачи? Как вести себя…
👍4❤2
Удалённая работа и фриланс становятся всё более популярными. Рынок заполнился горе-фрилансерами, которые демпенгуют и забирают себе заказы.
Хочешь научиться работать грамотно, развиваться и забирать самые хорошие заказы?
Подписывайся на блог о правильных подходах в Freelance, аутсорсинге и удалёнке https://yangx.top/+0gEi_Fa0G1AzZjMy
Также мы будем скидывать заполнившим анкету фрилансерам заказы от проверенных заказчиков. Например сейчас есть много заказов для программистов 😏
Ссылка на канал: https://yangx.top/+0gEi_Fa0G1AzZjMy
Хочешь научиться работать грамотно, развиваться и забирать самые хорошие заказы?
Подписывайся на блог о правильных подходах в Freelance, аутсорсинге и удалёнке https://yangx.top/+0gEi_Fa0G1AzZjMy
Также мы будем скидывать заполнившим анкету фрилансерам заказы от проверенных заказчиков. Например сейчас есть много заказов для программистов 😏
Ссылка на канал: https://yangx.top/+0gEi_Fa0G1AzZjMy
👎3❤1
10 лучших алгоритмов для улучшения навыков JavaScript🚀 🦄
https://javascript.plainenglish.io/top-10-algorithms-improve-your-javascript-skills-21507c25ff7
👉 @frontend_1
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
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
Форма кредитной карты с плавными и приятными микро-взаимодействиями.
Включает форматирование номеров, валидацию и автоматическое определение типа карты на vuejs.
https://github.com/muhammed/interactive-card
https://codepen.io/JavaScriptJunkie/pen/YzzNGeR
👉 @frontend_1
👍18🔥11