Frontender's notes, страница 26, все посты канала

Frontender's notes

Как сократить время на разработку? Один из инструментов, упрощающих разработку – Webpack. Он используется для сборки проекта перед загрузкой на хост. Освоив Webpack, вы станете тратить меньше времени на разработку, сборку и тестирование проекта. Ваши приложения станут быстрее, вы научитесь оптимизировать код и сжимать размер файлов или шрифтов перед деплоем проекта. Приходите на курс Webpack, чтобы начать использовать его в работе и писать код быстрее и качественнее. Типовые задачи, которые вы сможете решать после курса: — повышение производительности приложения; — оптимизация кода; — ускорение разработки, сборки и тестирования проекта; — работа с пакетным менеджером npm из терминала; — изменение конфигурации webpack; — конфигурация дополнительных зависимостей Babel и ESLint; — написание собственной сборки с нуля. На курсе рассматривается актуальная версия Webpack 5. Посмотреть полную программу вы можете по ссылке – https://tml.io/2ma64

Frontender's notes

React + TypeScript: необходимый минимум Многие React-разработчики спрашивают себя: надо ли мне учить TypeScript? Еще как надо! Преимущества изучения TS могут быть сведены к следующему:

👉 ваши шансы получить более высокооплачиваемую работу сильно увеличатся;

👉 в вашем коде будет намного меньше багов, его будет легче читать и поддерживать;

👉 рефакторить код и обновлять зависимости станет гораздо проще. Эта статья представляет собой минимальное введение по использованию TS в React. Читать...

Frontender's notes

Всем привет, меня зовут Александр Шлейко 👋 Я фронтенд-разработчик и ментор, хочу рассказать про свою школу фронтенда. Моя школа отличается от «лидеров рынка» примерно тем же, чем частные туры отличаются от готовых – максимальная ставка на личность и субъективный опыт. Я преподаю ровно то, что в свое время мне помогло в 32 года буквально с улицы прийти в Яндекс и построить там карьеру. Я очень много преподавал в больших школах, и мне известна их склонность к упрощению курса, лишь бы народ не отваливался. Я стараюсь держать людей не за счет упрощений, а за счет интересных занятий и заданий. В этом мне сильно помогает 5 лет занятий в актерской школе - стараюсь любые доклады делать с сюжетом 😊 Где меня можно немного послушать/посмотреть в интернетах: - Лекция на ШРИ https://www.youtube.com/watch?v=ipI9ApwEABg (ШРИ - это для продвинутых, не пугайтесь если вдруг пока мало что понятно) - Несколько интервью про разработку, преподавание: music.yandex.ru/album/1…63688486, music.yandex.ru/album/2…07102843 - Наивный доклад о том, как расти по грейдам: https://youtu.be/I59orWSWBlk Я очень горжусь своей программой и форматом курса, все это я собрал вот тут https://bit.ly/dusty-frontend-school_notes. Мои бывшие студенты сейчас работают в крупных компаниях, в том числе в Яндексе - это моя главная мотивация. По промокоду «алгосики» можно приходить ко мне в личку @dustyo_O и получить суперпредложение!

Вёрстка

Обычно под вёрсткой мы понимаем преобразование макета в нечто, понятное браузеру. Мы редко задумываемся о том, что до нас над макетом работал дизайнер. Мы научимся видеть закономерности и связи в различных элементах макета, а также выражать эти связи с помощью css. Поговорим о том, как устроена дизайн-система, об особенностях разработки семейства крупных проектов в командах, использовании БЭМ и о внимании к деталям. 0:40 — Что такое вёрстка? 3:45 — Проблемы, с которыми сталкиваешься в больших проектах 6:56 — БЭМ 33:18 — Думай как дизайнер! 41:50 — Дизайн-система 53:12 — Адаптивность 1:08:41 — Внимание к деталям 1:19:47 — Вопросы 1:29:23 — Практика: разбираем карточку вместе с залом

YouTube

Frontender's notes

Изучение TypeScript — полное руководство для начинающих. Часть 3 — Классы и интерфейсы Это - уже третья часть руководства по TypeScript для начинающих, в которой мы разберем более сложные темы, такие как классы, модули и интерфейсы. Предыдущие части: 👉 Часть 1 - введение и примитивные типы данных 👉 Часть 2 - ссылочные типы данных Часть 3... #longread #ts

Frontender's notes

МегаФон ищет Backend разработчика (Java) 📍Офис в любом филиале компании или удалённо по РФ Что нужно делать: - заниматься разработкой и поддержкой сервисов взаимодействия с клиентами на Java 8-17, Spring; - участвовать в планировании микросервисной архитектуры; - взаимодействовать с разработчиками back/front, аналитиками, тестировщиками; - участвовать в Code review. Оставляй свой отклик тут Или пиши рекрутеру: @helend4216

Разработчик Backend (Java)

Вакансии МегаФон. Более 20 лет на рынке. Более 30 000 сотрудников. Посмотри список наших вакансий. Возможно нам нужен именно ты!

job.megafon.ru

Frontender's notes

Когда отклонили твой пул-реквест

Frontender's notes

Как собрать, покрыть тестами и опубликовать TypeScript-пакет в npm в 2022 году В этой статье мы с вами создадим с нуля и опубликуем в NPM TypeScript-пакет, не забыв про Jest для покрытия тестами. Мы инициализируем проект, настроим TypeScript, напишем для него тесты в Jest и опубликуем его в NPM Читать...

Frontender's notes

Как упростить работу с API в React-приложениях Привет! Меня зовут Владислав Панов, я фронтенд-разработчик в KODE. Два с половиной года назад, когда мы выбирали стек для проектов, чтобы хранить все пользовательские данные, решили использовать Redux. Он до сих пор хорошо справляется с управлением состоянием, связанным с клиентской логикой и UI, но при хранении статусов, ошибок и прочей информации о результатах выполнения запросов появляется много бойлерплейта. Несмотря на появление Redux Toolkit от авторов Redux, который сильно упрощает жизнь, мы к нему так и не вернулись. Почему? Рассказываю в статье. Читать...

Frontender's notes

🎄 В новый год с новыми знаниями 🎄 Чтобы поднять ваше новогоднее настроение и помочь осуществить ваши мечты, OTUS устраивает большую новогоднюю распродажу — скидки от 23% на все курсы! 💫Спешите подобрать курс с максимальной скидкой: https://otus.pw/y5SG/ Возможна оплата в рассрочку! Реклама. Информация о рекламодателе на сайте www.otus.ru

Frontender's notes

15 причин, почему ты всё ещё джун Итак, что обычно мешает условному джуну подтянуться до условного мидла: Читать... #career #softskills

Frontender's notes

Релокация — не просто переезд Сегодня многие россияне столкнулись с необходимостью переезда в другую страну. Дело это непростое, поэтому опыт тех, у кого все сложилось удачно, безусловно полезен. Меня зовут Тимур Рахматуллин и я программист c более чем 10-летним опытом. Почти год назад наша IT-команда переместилась в Таиланд. Сегодня я, наверное, уже могу считать себя опытным “релокантом” и давать полезные советы тем, кому это только предстоит. Читать... #relocation

Frontender's notes

Будьте уверены в своем будущем, даже в неспокойное время. Никто не знает, что готовит завтрашний день. Но для уверенного финансового положения о будущем следует задуматься заранее. Мы создали инновационный сервис, который может фактически масштабировать ваши обычные накопления: вы настраиваете автоплатёж, а сервис сам выбирает, в какие активы инвестировать средства, чтобы сформировать подушку, и показывает вам прогресс. Но главное — он дарит возможность приобрести финансовое и душевное спокойствие. Преимущества сервиса от АО УК «Ингосстрах Инвестиции»: 📍Комфортное движение к вашей цели по модели ежемесячной подписки 📍Экспертное управление. Премиальный сервис с оптимальными порогом входа и стратегией 📍Борьба с инфляцией — оптимальное соотношение активов направлено на сохранение и преумножение средств 📍Простой и удобный сервис. Отслеживайте динамику накоплений в личном кабинете, при необходимости — скорректируйте цель или выведите средства. Позаботьтесь о себе и начните формировать финансовую подушку безопасности.

Frontender's notes

Несколько советов по работе с CORS для начинающих разработчиков В этой статье мы с вами разберемся, что такое CORS, CORS-ошибки и из-за чего мы можем с ними сталкиваться. Я также продемонстрирую возможные решения и объясню, что такое предварительные (preflight) запросы, CORS-заголовки и в чем заключается их важность при обмене данными между сторонами. Эта статья рассчитана на тех, у кого уже есть базовые познания в области веб-разработки и некоторый опыт с протоколом HTTP. Я старался писать статью так, чтобы она была понятна и новичкам, будучи наполненной знаниями, но при этом стараясь избегать слишком большого количества технических нюансов, не связанных с темой CORS. Читать...

Frontender's notes

Почелленджите свои скилы в React на хардовом тесте и получите подарок Под Новый год сервис развития карьеры Эйч собрал 20 ведущих IT-команд и устроил Междусобойчик. Это такой формат знакомства с компаниями: можно заранее разобраться — мэтч у вас или нет, а заодно проявить себя на профильном тесте. React в Междусобойчике представляет команда Точки. Правила участия простые: 1. Выбираете профессию на сайте 2. Проходите хардовый тест Вопросы составил Яндекс Практикум, так что это хорошая возможность почелленджить свои знания JavaScript, Flexbox и API браузера. 3. Получаете цифровые подарки Например, сертификаты на карьерные консультации Эйч, спорт от Фитмоста, книги МИФ и курсы Синхронизации, а также мерч от компаний. Пройти хардовый тест по React и получить новогодние подарки можно по ссылке.

Frontender's notes

Работа на удаленке

Frontender's notes

Алоха товарищи! Решил сегодня вам написать парочку полезных коротких функций которые могли бы вам пригодиться в дальнейшем. 👉 Получение рандомного числа из диапазона чисел const getRandomValue = (min, max) => { return Math.floor(Math.random() * (max - min + 1)) + min; } getRandomValue(0, 25); 👉 Получение рандомного числа из массива const getRandomFromArr = (arr) => { return arr[Math.floor(Math.random() * arr.length)]; } getRandomFromArr([0, 12, 4, 6, 9, 5, 2]) 👉 Перемешивание массива const shuffleArr = (arr) => { return arr.sort(() => 0.5 - Math.random()) } shuffleArr([5, 4, 6, 8, 2, 3]) Удачи в экспериментах! #shortread #js

Frontender's notes

🟣Ищешь способ учиться быстрее и выгоднее? Оформи подписку в OTUS и проходи 3 курса параллельно на выбор Подписка на курсы OTUS — это: — Обучение параллельно на 3 или 6 программах — 2 варианта подписки: полгода или год — Возможность менять курсы по желанию Сделать мощный рывок в карьере, поменять направление в IT, получить новую профессию за короткий срок — во всем этом поможет подписка в OTUS. 🎯Оставь заявку, чтобы получить консультацию и подобрать курсы: https://otus.pw/MTzG/

Frontender's notes

Семантическое версионирование и проблемы с зависимостями — коротко о lockfile Недавно на проекте я разбиралась с зависимостями и углубилась в эту тему так, что собрала небольшой доклад о том, что такое Lockfile, как работает yarn.lock, как решать проблемы с зависимостями в проекте и делать базовую проверку безопасности, а доклад адаптировали в эту статью. Статья будет полезна разработчикам JS/TS приложений, которые столкнулись с некорректным поведением пакетов в своем проекте, или со старым кодом, который содержит уязвимости. Базовый аудит зависимостей будет уместен на любом проекте: всегда находятся вещи, которые можно поправить. Читать...