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
加入频道
This media is not supported in your browser
VIEW IN TELEGRAM
Программа подготовки по профессии «Фронтенд-разработчик» с сертификатом Хекслета и гарантированными собеседованиями.

Полноценный курс по JavaScript и React с настройкой окружения.
Тренажер кода с моментальной автопроверкой.
Наставник.
Сильные проекты на GitHub и практика в Open Source.

Попробуйте наш формат асинхронного обучения, без ожидания потока: https://bit.ly/3FALh6W
This media is not supported in your browser
VIEW IN TELEGRAM
⁠Сохранение изменений CSS

Как делает страдающий программист:
1. Изменяет CSS в консоли разработчика в Chrome.
2. Переносит всё это вручную в нужный файл для сохранения изменений.

Как не мучаться:
1. Откройте панель Sources.
2. Выберите таб Overrides.
3. Там кликните «Select Folder For Overrides».
4. Выберите директорию, в которой вы хотите сохранять изменения.
5. В верхней части окна появится запрос на чтение и запись в выбранную директорию. Разрешите.
6. Теперь изменяйте CSS, спокойно перезагружайте страницу и всё будет сохраняться.
👍1
8 привычек, которых следует избегать при разработке на JavaScript.

Автор расскажет о некоторых обычаях, которые лучше избегать, если мы хотим стать хорошими разработчиками этого языка. Давайте посмотрим на них!
Читать на Eng
FRONTEND Rosbank Meetup

Темы докладов и спикеры:
🔵 «Шакализация 21 века: решаем вечные проблемы изображений» Игорь Борзунов, Frontend Engineer, Росбанк;
🔵 «Time to market: микрофронтенды» Георгий Конюшков, Senior Frontend Engineer, Leroy Merlin;
🔵 «Неочевидные сложности в работе с GraphQL» Даниил Водолазкин, Frontend Team Lead, X5 Tech;

2 декабря, в 19:00
Online

Переходите на сайт и регистрируйтесь на наше мероприятие.
CSS Triggers - подробная информация обо всех CSS-свойствах: что они делают, как влияют на рендеринг страницы и тому подобное.

https://csstriggers.com/
👍1
Middle/Senior Frontend Developer (AngularJS)

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

От кандидата ждем:

•опыт адаптивной верстки
•опыт в Angular / React / Vue.js
•готовность разобраться с AngularJS, если не было такого опыта
•знакомство с инструментами сборки и пакетными менеджерами
•GIT, консоль
•умение использовать Docker в разработке - будет плюсом

Приглашаем на фулл-тайм или частичную занятость от 10ч/неделю с почасовой оплатой.
Удаленка/Офис/Гибрид – на выбор кандидата.

Пишите!
в Telegram: @livinbelievin
на почту: [email protected]
Elevator Saga - проверяет ваши знания JavaScript необычным способом. Вы должны управлять лифтом и перевозкой людей с помощью кода.

https://play.elevatorsaga.com/
Приглашаем Python-разработчиков на митап от SberDevices и SmartMarket

8 декабря 18:00 | Онлайн

На митапе от команды SberDevices вы узнаете все о создании приложений для виртуальных ассистентов Салют и о том, как на этом заработать:

— Максим Балян, директор по продукту «Виртуальные ассистенты Салют», расскажет о перспективах помощников из семейства Салют и поделится лайфхаками по созданию смартапов. До SberDevices Максим работал в «Яндексе» и участвовал в продуктовом развитии Алисы.
— Сергей Кобец, руководитель разработки платформы SmartMarket, объяснит, как изменились самые популярные инструменты для создания смартапов SmartApp Code и Graph и что это даст разработчикам.

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

Все участники смогут задать вопросы и получить ответы в прямом эфире.

Участие бесплатное, по предварительной регистрации.

До встречи на митапе!
Media is too big
VIEW IN TELEGRAM
React Native. Заглянем под капот | Пишем мобильное приложение на JS
10 PostCSS плагинов, которые сэкономят время вашему верстальщику

https://habr.com/ru/post/457340/
Игра камень, ножницы, бумага на чистом CSS.

https://codepen.io/alvaromontoro/pen/BaaBYyz
Аэрологистика 2025. Полёт нормальный

7 декабря 14:55, Draper Hall, Технопарк Сколково.

Подробнее: https://openinnovations.ru/ Онлайн участие бесплатное.

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

Причина — отсутствие комплексного решения нескольких задач: низкая надежность БВС для грузоперевозок, навигация, метеозависимость, условия использования воздушного пространства и тд.

В 2022 - 2024 году состоится Технологический конкурса Up Great НТИ «Аэрологистика», участникам которого предстоит преодолеть комплексный технологический барьер, открывающий возможности массового применения БВС в перевозке грузов.

Приглашаем 7 декабря на сессию «Аэрологистика 2025. Полёт нормальный», где ведущие отраслевые эксперты обсудят перспективы БВС и будущий Технологический конкурс.

Модератор — Глеб Бабинцев, Генеральный директор, Ассоциация Аэронекст.

Больше о Технологических конкурсах Up Great: http://upgreat.one/?utm_source=tg
Делегирование событий в JavaScript

Очень доходчивая статья о том, как работает делегирование событий в JavaScript и как не запутаться в слушателях событий.

https://stasonmars.ru/javascript/kak-rabotaet-delegirovanie-sobityi-v-javascript/
Прокачиваем навыки отладки JavaScript с помощью консольных
трюков.

Обычная отладка JavaScript-кода заключается в выводе результатов с помощью метода console.log. Однако, хоть этот способ и работает, его трудно назвать оптимальным. Почему бы тогда не сделать отладку более удобной?

Rus https://habr.com/ru/company/plarium/blog/468189/
Eng https://betterprogramming.pub/boost-your-javascript-debugging-skills-with-these-console-tricks-ab984c70298a
25 уроков для начинающего разработчика

Это был странный переход и очень крутая кривая обучения. Это были яркие дни, которые ввели меня в мир профессиональной разработки. И вот 25 уроков, основанных на моем опыте и на том, что я узнала.

https://apptractor.ru/develop/coding/25-lessons.html
Как запретить выделение текста на веб-странице?

Иногда для обеспечения уникальности контента можно запретить выделять текст на сайте. Как это сделать? Есть хорошее кроссбраузерное решение:

.unselectable {
-webkit-touch-callout: none;
/*iOS Safari*/
-webkit-user-select: none;
/*Chrome/Safari/Opera*/
-khtml-user-select: none;
/*Konqueror*/
-moz-user-select: none;
/*Firefox*/
-ms-user-select: none;
/*Internet Explorer/Edge*/
user-select: none;
/*Non-prefixed version, currently not supported by any browser*/
}

<p>
Selectable text.
</p>
<p class="unselectable">
Unselectable text.
</p>
Продолжается регистрация на митап от команды SmartMarket (SberDevices) о создании приложений для виртуальных ассистентов Салют.

Присоединяйтесь к трансляции 8 декабря в 18:00.

Почему стоит принять участие:

— Руководители технологических команд и разработчики SberDevices обсудят, как будут развиваться цифровые помощники, как создавать приложения для виртуальных ассистентов Салют и можно ли на этом заработать (да!).

— Создание и портирование приложений для виртуальных ассистентов Салют — это возможность освоить самые передовые технологии, получить доступ к 100-миллионной аудитории Сбера, подключить платежи и зарабатывать.

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

Если вы интересуетесь AI и развитием голосовых и мультимодальных интерфейсов и/или работаете в IT-бизнесе и ищете новые способы взаимодействия бренда с клиентами, этот митап для вас!

Регистрация по ссылке