3,313

Frontender's notes [ru]

27 Jan, 06:07

Что должен знать каждый frontend-разработчик?

Центр непрерывного образования факультета компьютерных наук НИУ ВШЭ приглашает на бесплатный вебинар, который поможет вам получить ответы на все возможные вопросы о старте карьеры в области frontend-разработки.

На вебинаре обсудим:
〰️〰️〰️〰️
- Фронтенд-разработка: базовые концепции и перспективы индустрии
- HTML и CSS: разметка и стилизация интерфейсов, принципы вёрстки и оформления веб-страниц
- JavaScript: ключевые возможности для фронтенда
- Минимальный набор знаний для стажёра и junior-разработчика: о чём вас спросят на собеседовании
- Инструменты разработки: библиотеки и фреймворки, с которыми предстоит работать
- Практика и ресурсы для обучения: где решать задачи и проходить контесты для оттачивания навыков

Спикер: Семён Гурин, разработчик интерфейсов и бизнес-логики в Кинопоиске
Когда: 30 января в 19:30

Зарегистрироваться на вебинар

Реклама: Федеральное государственное автономное образовательное учреждение высшего образования «Национальный исследовательский университет «Высшая школа экономики».
Erid:2SDnjbuTraQ

3,480

Frontender's notes [ru]

26 Jan, 18:07

🖥

Самые интересные публикации за последние дни:

• Истории и боли frontend-разработчика

• Требуется мультиязычность на странице: английский и французский

• Frontend. MVA архитектура

• React и жизнь после сборки

• Как я ускорил свое мобильное приложение BookDesk на React Native в 3 раза?

3,377

Frontender's notes [ru]

26 Jan, 10:07

👩‍💻

Паттерны для эффективного манипулирования DOM с ванильным JavaScript

В руководстве рассматриваются такие шаблоны работы с DOM на JavaScript, как выбор правильного querySelector, кэширование элементов и улучшение обработки событий.

Читать...

3,563

Frontender's notes [ru]

25 Jan, 18:07

🧨

Работа с куки-файлами хуже сапёрного дела

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

Читать...

3,781

24 Jan, 06:07

15 Jan, 18:07

👩‍💻

Алгоритм суммы двух чисел на JavaScript

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

Читать...

4,831

07 Jan, 08:17

⚡️

В сети начали массово сливать курсы и книги известных онлайн школ

Вот отсортированная база с тонной материала(постепенно пополняется):

БАЗА (4687 видео/книг):

(363 видео, 87 книги) — Python
(415 видео, 68 книги) — Frontend
(143 видео, 33 книги) — ИБ/Хакинг
(352 видео, 89 книги) — С/С++
(343 видео, 87 книги) — Java
(176 видео, 32 книги) — Git
(293 видео, 63 книги) — C#
(174 видео, 91 книги) — DevOps
(167 видео, 53 книги) — PHP
(227 видео, 83 книги) — SQL/БД
(163 видео, 29 книги) — Linux
(107 видео, 43 книги) — СисАналз
(181 видео, 32 книги) — Go
(167 видео, 43 книги) — Kotlin/Swift
(112 видео, 24 книги) — Flutter
(137 видео, 93 книги) — DS/ML
(113 видео, 82 книги) — GameDev
(183 видео, 37 книги) — UI/UX
(129 видео, 73 книги) — QA
(213 видео, 63 книги) — Rust
(121 видео, 24 книги) — Ruby

Скачивать ничего не нужно — все выложили в Telegram

3,293

Frontender's notes [ru]

06 Jan, 18:07

🔎

Подборка вакансий для джунов

JavaScript-разработчик в ФинТех проект (можно удаленно)
🟢JavaScript, Angular, REST API
🟢от 150 000 ₽ | 1–3 года опыта

Frontend-разработчик
🟢HTML, CSS, JavaScript, CMS (Joomla, Drupal, 1C-Битрикс, WordPress)
🟢от 40 000 до 50 000 ₽ до вычета налогов | 1–3 года опыта

Frontend developer (JavaScript)
🟢JavaScript, HTML5, CSS3, Vue.js, Nuxt.js, Webpack, Docker, SSR, PWA, TON, Telegram API
🟢от 4 000 € | 1–3 года опыта

4,347

Frontender's notes [ru]

06 Jan, 10:07

➡️

Почему джуны путаются в асинхронном коде (и как научиться с ним работать)

Асинхронность пугает новичков? В статье вы найдете пошаговое объяснение: как работает Event Loop, зачем нужны промисы и async/await, и как избегать ошибок, создавая предсказуемый код.

Читать...

4,610

Frontender's notes [ru]

05 Jan, 10:07

📊

10 методов SEO-оптимизации JavaScript, которые должен знать каждый фронтендер

Веб-приложения часто используют JavaScript для динамического создания контента и удобного взаимодействия с пользователем. Но поисковые роботы не всегда могут правильно прочитать и проиндексировать такой контент – в итоге сайт теряет посетителей. На помощь придут 10 способов SEO-оптимизации для JavaScript.

Читать...

4,773

Frontender's notes [ru]

04 Jan, 18:07

🔎

Подборка зарубежных вакансий

Senior Frontend Engineer
🟢React, Redux, Redux-Saga, TypeScript, MUI, Electron, Node.js, RxJS, XState
🟢Уровень дохода не указан | Более 6 лет опыта

NodeJs Developer
🟢Node.js, Nest.js, TypeScript, PostgreSQL, Redis, Jest, AWS
🟢3 000–5 000 $ до вычета налогов | 3–6 лет опыта

Senior PHP Developer
🟢PHP8, Phalcon, MySQL, ClickHouse, ElasticSearch, Redis, MongoDB
🟢от 4 000 € на руки | Более 6 лет опыта

5,075

29 Dec, 10:07

Создавайте и проверяйте задания по программированию на GitVerse

На платформе для работы с исходным кодом GitVerse появился SmartClass — бесплатный инструмент для управления заданиями по программированию. С ним можно создавать, хранить и проверять задачи, а также автоматизировать ревью кода с помощью AI-ассистента GigaCode. В общем, все что нужно – теперь под рукой.

Пользователи SmartClass получают все преимущества платформы GitVerse, что дает начинающим специалистам возможность освоить профессиональные инструменты разработки. Решение позволяет не только изучать программирование и код, но и погрузиться в детали работы с такими инструментами и практиками, как CI/CD, Git и многими другими.

И, конечно, теперь смело можно отдать рутину аналитики заданий вашему верному помощнику – AI-ассистенту! За счет встроенных в платформу AI-расширений и AI-ассистента разработчика GigaCode вы можете за пару минут провести аналитику кода и значительно облегчить процесс проверки работ.

Переходите на GitVerse и пробуйте новый инструмент!

4,245

Frontender's notes [ru]

28 Dec, 18:07

🔎

Подборка зарубежных вакансий

Senior Backend Developer
🟢Node.js, TypeScript, PostgreSQL, Kubernetes, Redis, Docker
🟢Уровень дохода не указан | 3–6 лет

PHP Developer
🟢PHP, Laravel, Symfony, SQL, Git, JavaScript, HTML, CSS, Docker, Kubernetes
🟢Уровень дохода не указан | 3–6 лет

Frontend Developer (React)
🟢React, Redux, TypeScript, JavaScript, CSS, HTML, jQuery, RESTful APIs, Git, AJAX
🟢Уровень дохода не указан | 3–6 лет

4,232

20 Dec, 07:07

🎉

Новогодние чудеса на aeza.net!

Пришла пора готовиться к Новому году не только дома, но и в сети!

Aeza.net предлагает скидки до 20% НА ВСЕ ТАРИФЫ.

Это еще не все: получите 20% кешбэк на пополнение баланса!

Aéza — надежный хостинг для проектов любого масштаба подходит для тех, кто хочет:

🚀 запустить сайт мечты,
🚀 прокачать свой бизнес в сети
🚀 или просто начать год с классной идеи!

И конечно, у них:

🖥 Высокая скорость до 25 Гбит/с.

20 Nov, 14:07

⚡ Открытый урок «Эффективная работа с Next.js и TypeScript»

🗓 25 ноября в 20:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Практический курс по TypeScript» от Otus.

На вебинаре:

✔разберем, как создавать масштабируемые и производительные приложения с помощью Next.js и TypeScript;
✔ поговорим об использовании статической и серверной генерации, работе с маршрутизацией и оптимизации производительности;
✔обсудим типизацию компонентов и интеграцию с внешними API для создания надежных приложений.

🔗 Ссылка на регистрацию: https://vk.cc/cF1Fs7

🎁 Только в "Черную пятницу", скидки на курс до 15%! Подробности у менеджеров.

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

3,035

Frontender's notes [ru]

20 Nov, 10:07

👩‍💻 Ошибки при работе с tailwindcss

Рассмотрим распространенные ошибки которые допускают разработчики при работе с tailwind и пути их решения.

Читать...

3,115

Frontender's notes [ru]

20 Nov, 07:07

С каждым днём мы всё ближе к RLT.Conf 🎉

29 ноября конференция Росэлторг.Университета — «В IТ с головой» — соберёт экспертов в сфере IT и маркетинга, преподавателей вузов, руководителей проектов и многих других в одном месте.

🥳 Прежде чем эксперты поделятся с участниками мероприятия своими кейсами, новейшими гипотезами, разработками и практиками из разных индустрий, мы вас с ними познакомим!

Листайте карточки, чтобы ничего и никого не упустить!

🔗 Узнать спикеров поближе и зарегистрировать своё участие можно на сайте.

Когда? 29 ноября 2024.
Где? Москва, Согласие Холл, пр-т Мира, д. 36 стр. 1.

3,323

Frontender's notes [ru]

19 Nov, 18:07

📝

Подборка вакансий для мидлов

Frontend developer
• React, JavaScript, TypeScript, HTML, CSS, Redux
• Уровень дохода не указан | Средний (Middle)

Frontend developer
• Vue.js, JavaScript, TypeScript, Nuxt.js, SSR, REST API, TailwindCSS
• до 200 000 ₽ | Средний (Middle)

Frontend-разработчик
• JavaScript, TypeScript, React, Redux, Redux-toolkit, SASS, LESS, Stylus, Webpack
• Уровень дохода не указан | Средний (Middle)

Frontend Developer
• JavaScript, React, Redux, Vue.js, HTML, CSS, TypeScript, Sass, Git, Node.js, Express.js, NestJS, Unit-тесты, e2e-тесты, CI/CD, Jenkins, Nginx
• Уровень дохода не указан | Средний (Middle)

Frontend Developer
• Vue.js, TypeScript, React Native, HTML, CSS, БЭМ, Адаптивная кроссбраузерная верстка
• Уровень дохода не указан | Средний (Middle)

3,041

Frontender's notes [ru]

19 Nov, 14:07

💬

10 Nov, 10:07

💾 6 главных технологий для хранения данных в браузере

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

Читать...

3,812

Frontender's notes [ru]

09 Nov, 18:07

🔎

Подборка валютных вакансий

Frontend разработчик (Angular, jQuery)
🟢JavaScript (jQuery), TypeScript, Angular 9+, HTML5 Canvas, HTML, CSS
🟢до 700 000 ₸ | 3–6 лет опыта

Full Stack React разработчик
🟢TypeScript (React, Node.js, Next.js), Python, HTML, CSS, SQL, NoSQL, PostgreSQL
🟢до 2 000 $ | 1–3 года опыта

Lead frontend developer (Angular)
🟢TypeScript, Angular 18, RxJs, Highcharts, Jest, Playwright, SaaS
🟢до 5 000 $ | 3–6 лет опыта

QA/TA engineer (JavaScript)
🟢JavaScript, Playwright, Cypress, QA
🟢до 1 500 $ | 1–3 года опыта

Website Developer/UX UI Designer (WordPress)
🟢WordPress, Elementor, SEO, HTML, CSS, JavaScript, PHP, Adobe XD, Figma, Sketch
🟢от 2 000 до 3 000 $ | 5+ лет опыта

4,038

Frontender's notes [ru]

09 Nov, 14:07

😱

Страх ошибки — худший тормоз для роста.

Сколько раз ты избегал нового только потому, что боялся облажаться? Ошибка кажется концом света, но на деле это просто этап обучения. Сидя в зоне уверенности, ты никогда не узнаешь, насколько можешь быть сильнее, умнее, опытнее.

🎯

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

4,019

Frontender's notes [ru]

09 Nov, 10:07

👩‍💻

CSS Веерное раскрытие с grid и @property

Анимация веерное раскрытие подразумевает последовательное раскрытие элементов из стопки с эффектом подпрыгивания. Используя CSS grid, мы избавляемся от лишней работы по позиционированию.

Читать...

4,023

Frontender's notes [ru]

09 Nov, 07:07

AgroCode Hack Genetics — онлайн-хакатон от Россельхозбанка и Ruseed. Приём заявок уже открыт, успей принять участие!

Участникам предстоит решить одну из четырёх технологических задач для области генетики и селекции на выбор:

✔создать информационно-аналитический модуль для сбора, хранения и анализа первичных показателей радужной форели;
✔разработать тиндер для коров;
✔придумать модель для прогнозирования урожайности;
✔ подтвердить гипотезу в исторической агроголоволомке.

Участие в хакатоне — отличная возможность добавить агротехнологический проект в портфолио, ведь задачи разрабатывали Ruseed, Smart Breeding, Plastilin, ВИР и R-Style Softlab.

Команды-победители разделят призовой фонд 800 000 рублей.

Тестировщики, аналитики, frontend и backend-разработчики, ML и другие IT-специалисты: самое время подать заявку, ведь регистрация открыта до 14 ноября! Принимаются как командные, так и индивидуальные заявки, которые организаторы самостоятельно объединят в сборные команды.

Не упусти возможность предложить своё решение и побороться за приз.

Ждём твою заявку!

3,972

Frontender's notes [ru]

08 Nov, 18:07

🔎

Подборка вакансий для лидов

Senior Frontend Developer/Tech Lead
🟢React, Webpack/vite, TypeScript/JavaScript, Redux, PrimeReact, Axios
🟢от 200 000 ₽ на руки | опыт от 3 лет

Lead Frontend (React)
🟢React, Vue (желательно), DevOps практики, PHP (желательно)
🟢Уровень дохода не указан | опыт более 6 лет

Lead Frontend Developer (TypeScript / React)
🟢TypeScript, React, Next.js, HTML, CSS, SCSS, MobX, WebSockets, Docker, Linux
🟢Уровень дохода не указан | опыт от 4 лет

Senior/Lead Frontend-разработчик
🟢TypeScript, Kotlin, React, Next.js, TailwindCSS, React Query, Redux Toolkit, eCharts, React Flow
🟢Уровень дохода не указан | опыт более 6 лет

Fullstack разработчик/Team lead
🟢React, Redux, Material UI, JavaScript, HTML5, CSS3, SCSS, GitLab, Figma, TypeScript, Node.js
🟢Уровень дохода не указан | опыт от 5 лет

3,934

Frontender's notes [ru]

08 Nov, 10:07

🚀 Вебинар: Погружение в децентрализованные технологии🚀

Узнайте, как использовать Solidity для создания продвинутых dApp. Этот вебинар важен для понимания текущего состояния и потенциала Web3, что критично для разработчиков в освоении Solidity и создании продвинутых dApp.

⏰ Дата и время: 11.11.2024 в 20:00 (мск)

На уроке будет:
- Обсуждение базовых технологий, включая блокчейн и смарт-контракты
- Представление и анализ нескольких децентрализованных приложений
- Рассмотрение успешных кейсов использования Solidity
- Обсуждение безопасности
- Прогнозы и перспективы развития децентрализованных технологий

В результате участники получат актуальные знания о применении Solidity в разработке современных dApp.

Не упустите возможность узнать больше о dApp и их потенциале!

👉 Зарегистрируйтесь для участия: https://vk.cc/cEhaYe

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

4,072

02 Nov, 18:07

🔎

Подборка валютных вакансий

Frontend React Developer
🟢React, TypeScript, Web3 (viem, tonweb, connectkit, wagmi), tanstack, Tailwind, Vite
🟢до 1 800 $ | 3–6 лет

Senior Fullstack Software Engineer (.NET React)
🟢.NET, C#, Entity Framework, React
🟢от 24 000 000 до 38 000 000 so'm | 3–6 лет

Senior Frontend developer
🟢TypeScript, React, Next.js, JavaScript, CSS, TailwindCSS, Material UI, Headless CMS (Storyblok, Contentful, Strapi)
🟢до 3 000 $ | 3–6 лет

Backend Разработчик (JavaScript)
🟢JavaScript, Node.js, TypeScript, PostgreSQL, web3, blockchain
🟢от 4 000 $ | более 6 лет

Senior Front-End (React) разработчик
🟢React.js, Redux, CSS, REST
🟢от 4 000 до 5 000 $ | более 6 лет

3,917

💡

Карьера — это не про «идеальную работу», а про опыт и умение адаптироваться

В мире, где всё меняется быстрее, чем ты успеваешь обновлять резюме, держаться за одну карьерную траекторию — всё равно что пытаться угнаться за горизонтом. Умение перестраиваться, пробовать новое и брать на себя задачи, которые немного пугают, — вот что реально важно. И это не про «выйди из зоны комфорта», а про осознанный выбор расти и не цепляться за привычное.

🎯 Что делать: пообщайся с коллегой из другой области, возьми на себя один проект вне своей зоны, попробуй новый инструмент или язык, устрой «ревизию» навыков — что сейчас реально работает на тебя, а что пора обновить? Простые шаги, но каждый — ключ к росту и новым возможностям.

4,510

IT Community Day в Санкт-Петербурге прошёл идеально! 👨‍💻

Сотни IТ-специалистов встретились, чтобы послушать доклады топовых спикеров, прокачать hard и soft skills, познакомиться, повеселиться на афтерпати, и главное — стать частью крупнейшего IТ-комьюнити!

Завидуем тем, кто смог попасть на это мероприятие. А остальным советуем не расстраиваться: совсем скоро состоятся IT Community Day в:

✔️ В Казани 12 октября научимся управлять большими данными, укрощать искусственный интеллект, создавать успешное резюме и находить подход к карьере.

✔️ И в Екатеринбурге 19 октября поговорим об интеграции LLM в приложение, методологии API-first и комбинации личного и профессионального развития.

Успейте зарегистрироваться! 💚

👉 Казань, 12 октября
👉 Екатеринбург, 19 октября

4,213

Frontender's notes [ru]

17 Oct, 18:07

👩‍💻 Тест по JavaScript

Что будет выведено в консоль при выполнении следующего кода?

const obj = { name: 'Alice' };

Object.freeze(obj);

try {
  obj.age = 25;
} catch (e) {
  console.log('Ошибка!');
}

console.log(obj.age);

4,529

Frontender's notes [ru]

17 Oct, 14:07

👩‍💻

12 суперплагинов VS Code для JavaScript-разработчиков

Мы недавно обновили арсенал инструментов в VS Code и хотим поделиться находками. Эти плагины реально меняют подход к разработке на JavaScript. Особенно впечатлил Bito – он анализирует весь проект и дает удивительно точные подсказки.

Читать...

4,525

Frontender's notes [ru]

17 Oct, 10:07

👩‍💻 Как деструктуризация массивов может замедлить JavaScript код

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

Читать...

3,872

Frontender's notes [ru]

16 Oct, 18:07

⚙️

Напоминание, что scope и блоки стилей HTML — это мощное сочетание

Существует так много различных инструментов для написания CSS с ограниченной областью видимости с очень разными взглядами на то, как это делать. Иногда это лишь подфункция инструмента, выполняющего другие задачи. Но, как правило, это концепция, требующая инструментария для реализации.

Читать...

3,822

Frontender's notes [ru]

16 Oct, 11:37

🌍👾 Участвуй в Yandex Cup 2024👾🌍

История человечества — это история цивилизаций. А что, если тебе предложат решить задачи прошлого с помощью IT?

На картинках — примеры ситуаций, с которыми предстоит справиться: разработать систему оцифровки для бюллетеней из Древнего Рима, помочь роботам пройти лабиринт Майя или придумать систему регулировки в средневековой Венеции. Это именно то, что ждет участников Yandex Cup в этом году!

🔎 Этап Квалификации уже начался и продлится до 20 октября. Прими участие и войди в число лучших разработчиков, чтобы попасть в полуфинал.

🏆 Финал в Ташкенте, декабрь 2024. Призовой фонд — 12,5 млн рублей.
👉 Участвуют все: есть секция и для школьников, и для взрослых программистов со всего мира.

⏰Поспеши! Это последний шанс принять участие в чемпионате этого года⌛️

Регистрация

4,077

15 Oct, 07:07

🚀 Dockhost - современный хостинг для разработчиков приложений, ботов, mini apps и баз данных!

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

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

👨‍💻Бонусом - собственная консольная утилита Cli.

Помимо запуска готового образа Docker-контейнера из любого реестра, вы можете легко подключить к своему проекту в Dockhost любой репозиторий Git (GitHub, GitLub, и другие) с вашим кодом и настроить авто-деплой через Push (Push-to-Deploy).

👉 Перейти в Dockhost

3,895

Frontender's notes [ru]