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
加入频道
Советы для сложных иллюстраций на CSS

https://css-tricks.com/advice-for-complex-css-illustrations/

👉 @frontend_1
👍2
Forwarded from CodePen Community
This media is not supported in your browser
VIEW IN TELEGRAM
Восход солнца, выполненный с помощью SCSS, без использования JavaScript

https://codepen.io/pehaa/pen/yLVeLNg

#codepen #scss


Подпишись👉 @codepen_1
👍22
Frontend митап в Йошкар-Оле. 28 мая 2022

Реализация совместной работы в конструкторах онлайн-материалов - Юрий Минаков, iSpring
Функциональное программирование: практическое внедрение на производстве - Иван Калагин, Arenadata
Feature Sliced Design - Артур Мирзин, Ak Bars Bank
Викторина по Frontend на митапе

https://www.youtube.com/playlist?list=PL29DYZAQWb0LLIDcDqED941bmmEWHtZgZ

👉 @frontend_1
👍6
Встреча сообщества A?.Frontend #1

Команда Alfa Digital приглашает на встречу frontend-сообщества всех, кто хочет узнать новое, обменяться опытом и провести время в хорошей компании!

Где: Санкт-Петербург, офис Альфа-Банка
Когда: 27 октября (четверг) в 19:00

В программе — доклады:
🍁«Как успешно пройти любое собеседование»
Расскажет Кирилл Павлик, JS -разработчик в Альфа-Банке

🍁«Как улучшить DX и перестать тратить силы на бессмысленную рутину»
Лайфхаками поделится Ольга Болотова, Руководительница направления развития компетенции JS в Альфа-Банке

🍁 «Разбирательство. Дело №1: как сейчас живут ИТ-сообщества?»
Вместе с коллегами из Яндекса и Мегафона обсудим актуальные вопросы о митапах, конференциях и сообществах в ИТ сегодня.

А ещё всех гостей, помимо докладов, ждет:

☕️ Горячий какао и пряные сладости
☕️ Согревающий мерч от Альфы в подарок за лучшие вопросы докладчикам

👉Регистрируйтесь на встречу заранее, количество мест ограничено

И вступайте в frontend-сообщество: https://yangx.top/alfa_frontend
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Изменение размера изображения с учетом содержимого в JavaScript

https://trekhleb.dev/blog/2021/content-aware-image-resizing-in-javascript/

👉 @frontend_1
👍15
Методы выборки данных с помощью React

Методы выборки данных с помощью React. Многие веб-приложения полагаются на данные из внешних источников, чтобы обеспечить хорошее взаимодействие с пользователем. Знание различных методов выборки данных в React позволит вам принимать обоснованные решения о наилучшем варианте использования вашего приложения.

В этой статье мы рассмотрим различные методы получения данных в веб-приложениях, созданных с помощью React. Мы сосредоточимся на использовании хуков, представленных в React 16.8, для извлечения данных из популярного JSON Placeholder API для отображения в приложении React.

👉 @frontend_1
👍6
Создание тем для приложений Angular с помощью переменных CSS - простое решение!

https://sreyaj.dev/theming-angular-apps-using-css-variables

👉 @frontend_1
👍3
Forwarded from CodePen Community
This media is not supported in your browser
VIEW IN TELEGRAM
3D цветовая палитра, выполненная с помощью Pug и SCSS, без использования JavaScript

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

#codepen #scss
Подпишись👉 @codepen_1
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Frontend Toolkit - панель инструментов для повторяющихся задач Frontend

https://www.fetoolkit.io/

👉 @frontend_1
👍5🔥1
Другой подход к архитектуре внешнего интерфейса

https://dev.to/itshugo/a-different-approach-to-frontend-architecture-38d4

👉 @frontend_1
👍4
One Day Offer для фронтенд-разработчиков 5 ноября

Получить офер Яндекса можно за 1 день. Участвуйте в One Day Offer Frontend: решите тестовое, пройдите 2 секции 5 ноября и получите офер в тот же день.

От Яндекса в мероприятии участвуют команды, которые готовы предложить работу в гибком формате — полностью удаленно, в гибридном режиме или из любого офиса или коворкинга в 20 городах России и мира. Варианты работы обсуждаются с каждым кандидатом индивидуально.

На мероприятии ждут инженеров с опытом разработки от 3-х лет на JavaScript и TypeScript, либо готовых к работе на этих языках программирования.
👍1
Генераторы 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