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
加入频道
Аэрологистика 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-бизнесе и ищете новые способы взаимодействия бренда с клиентами, этот митап для вас!

Регистрация по ссылке
This media is not supported in your browser
VIEW IN TELEGRAM
Слайдер

Слайдер, переключаемый с помощью свайпов, колесика мышки или кнопок вверх или вниз.

https://codepen.io/theseventh/pen/LYVqMYb
Хотите получить предложение о работе за одни выходные? Тогда приходите на Weekend Offer в Авито для frontend-разработчиков. Приглашаются специалисты с опытом в разработке от 3 лет и уверенным знанием языков JS или TS.

Причины работать в Авито:
— Разные задачи: вы будете развивать архитектуру frontend-приложений Авито, участвовать в создании безопасной среды для проведения сделок и улучшать сценарии поиска и рекомендаций.
— Работа над крупным сервисом: в приложение Авито на iOS и Android заходят 40 млн человек ежемесячно.
— Влияние на результат: вы будете обсуждать продуктовые решения вместе с командой и предлагать идеи для новых функций.
— Комфортные условия: бюджет на обучение, уютный офис на «Белорусской», ДМС, техника Apple и другие возможности.
— Современный масштабируемый стек: TypeScript, React и постоянно расширяемая внутренняя система компонентов, в развитии которой вы будете участвовать.

Успейте занять свою позицию в компании и подавайте заявку до 15 декабря включительно: https://clc.to/i5NRhQ
Git-мастер: 3 простых шага для достижения цели

https://te.legra.ph/Git-master-3-prostyh-shaga-dlya-dostizheniya-celi-11-27
Разработка анимированных фавиконов

Это — первое, что ищут взглядом, когда переключаются между вкладками браузера. Только что мы дали одно из возможных описаний того, что называется «фавиконом». Пространство на экране, которое занимает ярлык вкладки веб-страницы — это гораздо более ценный ресурс, чем многие думают. Если хорошо поработать с ярлыком, то он, помимо того, что будет продолжать играть роль идентификатора страницы, может стать чем-то вроде «доски объявлений», которая сообщает о том, что именно происходит на странице.

Rus https://habr.com/ru/company/ruvds/blog/464127/
Eng https://css-tricks.com/the-making-of-an-animated-favicon/
Ищем Fullstack разработчика!

Задачи:
Осуществлять разработку пользовательских интерфейсов (frontend);
Осуществлять разработку backend;
Подключать к проекту базы данных, настраивать интеграцию между клиентской и серверной сторонами;
Проводить тестирование и отладку кода и устранять ошибки;
* Работать с API REST;
Работать с CI/CD, Kubernetes;

Наши технологии:
Fullstack на Node.JS, TypeScript, NestJS, Next.js, Nuxt.js, React Native, Expo

Условия:
Территориальное месторасположение – м. Гостиный двор, при желании можно работать удаленно;
График работы: 5/2, с 09.30 до 18.00 (по пятницам до 17.30);
Конкурентоспособная заработная плата; Корпоративное обучение, возможность профессионального и карьерного роста;
* Работа в инновационной биотехнологической компании в дружном и ярком коллективе

📍Откликнуться на вакансию и узнать более подробную информацию можно по ссылке: https://bit.ly/3ydTqM4

О компании:
BIOCAD – одна из крупнейших биотехнологических инновационных компаний в России, объединившая научно-исследовательские центры мирового уровня, современное фармацевтическое и биотехнологическое производство, доклинические и клинические исследования, соответствующие международным стандартам.
Кастомная тема в Chrome DevTools

Мне всегда нравились тёмные темы в редакторе кода. За последние несколько лет перепробовал много тем и выбрал для себя дефолтную тему Monokai.

Читать
В Новый год — с новой профессией в IT!

Проверь свои знания на NIX Online Edu Testing

Купить подарки, поставить елку. Чего-то не хватает в праздничном списке… Точно! Подготовиться к карьере в IT!
Для этого приглашаем тебя поучаствовать в онлайн-тестировании по одной из 17-ти программ обучения. Выполни тест и узнай уровень своей подготовки.

Когда:
с 3 по 24 декабря
Где: онлайн с любого удобного тебе гаджета

Хочешь освоить самую актуальную профессию в IT? Эксперты NIX помогут тебе.

В Корпоративном центре обучения NIX есть 17 учебных программ. В зависимости от направления ты будешь учиться офлайн в Харькове или онлайн. Ты получишь базовые знания по фронтенд и бэкенд-разработке, по бизнес-анализу и в сфере облачных технологий. После обучения ты сможешь уверенно начать карьеру в IT и попробовать себя на позиции Junior-специалиста в команде NIX!

Отличный старт для нового года, правда? ;)

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

Как веб-разработчику, вам часто приходится манипулировать DOM’ом — объектной моделью, которая используется браузерами для указания логической структуры веб-страницы и уже основываясь на этой структуре, браузер рендерит HTML элементы на вашем экране.

Rus https://medium.com/
Eng https://www.hongkiat.com/blog/dom-manipulation-javascript-methods/
Насколько хорошо вы знаете CSS? (+ мини-тест)

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

Rus https://habr.com/ru/post/467555/
Eng https://css-tricks.com/how-well-do-you-know-css-layout/
Ключевое слово this в JavaScript. Полное* руководство

Эту статью я пишу для своих личных нужд. Планируется, что она будет содержать в себе ответы на все вопросы, которые мне задают студенты на эту тему. Если она пригодится кому-то ещё — здорово.

https://habr.com/ru/post/464163/
17 и 18 марта 2022 года в Москве состоится крупнейшая в Европе IT-конференция HighLoad++ Foundation.

В программе — более 130 докладов, каждый из которых решает конкретную задачу. Но конференция — это не только доклады.

Подробнее: https://bit.ly/3oPtWla

На HighLoad++ Foundation вы легко сможете пообщаться с ТОПами IT-индустрии и найти ответы на свои вопросы. А хотите получить персональную консультацию от разработчиков технологий, на которых построен ваш проект? Приходите! Что ещё? Узнаете, как устроены Яндекс, VK, Avito, Tinkoff и другие крупные проекты.

Влиться в профессиональное комьюнити, завязать полезные знакомства, обновить свою базу знаний и найти решение для сложных задач — всё это на одной площадке.
👏1