Frontender's notes. Страница 41

Нововведение ES2022, метод at() 👉 Описание: Этот метод добавит читаемость в ваш код, так как он наконец то позволяет обращаться к элементам массива с конца. C положительным числом работает так же, как и [ ], но передача отрицательного числа в этот метод позволяет нам получать значения с конца. ❌ Было: const arr = [1,2,3,4] arr[arr.length - 2] // 3 arr.slice(-2)[0] // 3 const str = "1234" str[str.length - 2] // '3' str.slice(-2)[0] // '3' ✅ Стало: const arr = [1,2,3,4] arr.at(-2) // 3 const str = "1234" str.at(-2) // '3' Более подробно со списком нововведений вы можете ознакомиться вот по этой ссылке

​​🔴 Лайфхаки по прокачке фронтенд скиллов - Проходи learn.javascript - Решай задачки на leetcode и codewars - Гугли непонятные темы, пока не станут понятными - Подпишись на SeniorFrontend Там постят все самое актуальное по фронту и показывают, как сделать крутые штуки на JS / CSS - например, такого льва 👆

​​Как я перешел из нефтянки в IT за 1 год Данная статья, скорее всего, подойдет начинающим разработчикам, а также тем, кто уже добился кое-какого опыта в своей сфере, и не может решиться сменить ее. Я поделюсь моим опытом вхождения в IT, тем какие цели я для себя ставил и как преодолевал трудности, с которыми я столкнулся. А для тех, кто не любит много читать, я в конце дам несколько советов, а также приведу краткий план своего развития.  Читать...

​​В «Магните» работает 4000 разработчиков и ИТ инженеров, они решают интересные и амбициозные задачи, делая жизнь покупателя одного из крупнейших ритейлеров России технологичнее и удобнее. 27 июля в 13:00 (МСК) приглашаем вас на эфир Demo Day Magnit IT. Команда разработчиков, спецов по аналитике, ecom и другим диджитал-направлениям поделится крутыми кейсами и решениями непростых задач. Кроме того, они расскажут, как работает IT-подразделение огромного ритейлера. В этом им помогут ведущие одного из самых известных технологических подкастов @zavtracast Тимур Сейфельмлюков и Дмитрий Зомбак. На Demo Day Magni IT будет куча крутых спикеров, но точно нельзя упустить эти выступления: 🌩 Юрий Мисник (CTO) и Татьяна Коваль (System Architect) расскажут о мультиоблачной архитектуре и почему в «Магните» решили сфокусироваться на PaaS для большей отказоустойчивости. 💌 Алексей Четыркин (Head of Data Analytics) и Артем Селезнев (Head of CRM) расскажут про инхаус-решение «Магнита» по CRM-коммуникациям, гипергранулированным сегментациям аудиторий, предикативной модели пути покупателя и BI-алгоритме отслеживания тысяч критических параметров. 📊 Павел Шорохов (Head of Data Management) расскажет, как «Магнит» в течение 12 лет строил корпоративную платформу сбора и анализа данных на 1 Петабайт, которой пользуется более 10 тысяч человек каждый день. А еще как они строят собственный облачный Data Lake. Не пропустите! Зарегистрируйтесь на эфир, и вам придёт напоминалка 27 июля в 13:00 (МСК), а еще там будет куча интересных дополнительных материалов: https://magn-it.online

​​Законы мира информационных технологий Всем известный закон Мёрфи гласит: «Если что-то плохое может случиться, то оно обязательно произойдет». Согласитесь, не самая позитивная установка, особенно когда это касается работы. И тут мне стало любопытно, а есть ли такие законы, которые мне, как ИТ-специалисту, максимально помогут избежать «чего-то плохого». К своему удивлению, я их нашел, и даже не один. Читать...

​​Почему вам нужно стать системным аналитиком? Во-первых, это перспективно. Спрос на системных аналитиков растёт, ведь компании стремятся автоматизировать процессы. Бизнесу нужны специалисты, которые собирают требования заказчиков, проектируют интерфейсы и готовят технические задания для разработчиков. Во-вторых, это доступно. Получить эту профессию можно на курсе Яндекс Пратикума «Системный аналитик» за 8 месяцев. Для старта не нужны специальные знания. А те, кто уже работал аналитиком или разработчиком, смогут быстрее развить свои навыки и перейти на новую должность. На курсе вы узнаете: — Как работать с трекером задач и из чего состоит жизненный цикл ПО. — Какие бывают архитектуры приложений и методологии. — Как собирать требования к программному продукту и интервьюировать заказчика. — Что делать с данными и пользовательскими интерфейсами. — Что такое UI/UX, SOAP, REST, JSON и зачем всё это нужно. — Как проводить тестирования и документирования. В-третьих, это удобно. Учиться можно в любое время и из любой точки, где есть интернет. Вы получите доступ к теории и онлайн-тренажёру, где отработаете знания. А завершите обучение выпускным проектом, который можно приложить к опыту работы. Команда поддержки из преподавателя, куратора, наставников и ревьюеров проведут вас по курсу, ответят на вопросы и помогут при необходмости. Специалисты карьерного центра помогут найти работу: с ними 78% выпускников Практикума трудоустраиваются в течение 4 месяцев. Важные числа: - Курс идёт 8 месяцев. - Ближайший поток стартует 8 августа. - Оплатить можно сразу 102 400 ₽ или в рассрочку, от 5 568 ₽/мес. Попробуйте бесплатную часть сегодня — а продолжите, когда будете готовы.

​​Как работают браузеры. [2 части] Браузеры — это программное обеспечение, установленное у нас на устройствах и позволяющее получать доступ к Интернету. Одним из них вы пользуетесь, когда читаете этот текст. Браузеров много, и по состоянию на 2021 год наиболее часто применяются следующие: Google Chrome, Safari, Microsoft Edge и Firefox. Но как они работают, и что происходит от момента ввода адреса до тех пор, пока нужная страница не отобразится на экране? В этом цикле статей мы поговорим о навигации, получении данных, синтаксическом анализе и визуализации. Надеемся, что эти процессы станут для вас понятнее. 👉 Часть 1 читать... 👉 Часть 2 читать...

​​Прагматичная разработка Недавно выдалось свободное время и я сделал простой проект про specialty-кофейни на Кипре: сайт и телеграм-бот по всем канонам "большой" разработки. Люблю хороший кофе 😊 Делюсь своим процессом разработки и рекомендациями как сделать всё задуманное без потери времени. 👉 Читать [часть 1] 👉 Читать [часть 2]

​​Курс «Английский для разработчиков» от Яндекс Практикума Для тех, кто хочет изменить свою профессиональную жизнь и работать в международной команде.  Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков: ✋Стендапы. Подготовитесь обсуждать задачи, задавать вопросы и просить о помощи. 👨‍💻 Работа с заказчиками. Научитесь презентовать решения, говорить про баги и фичи. 📣 Митапы. Сможете понимать на слух доклады и выступать сами. 😎 Собеседования. Научитесь рассказывать про свой опыт, понимать вопросы и тактично переспрашивать. 👯 Неформальное общение с коллегами. Сможете рассказать о своих интересах, опыте, планах на будущее. 💻 Код-ревью. Сможете описать сделанное, дать обратную связь, тактично отстоять своё мнение. Запишитесь на бесплатную консультацию. Определим ваш уровень языка, расскажем про обучение и ответим на все вопросы

​​Создаем слайдер с изображением и текстом на React.js с нуля и оптимизируем В этой статье я хочу затронуть задачу, с которой вы можете столкнуться на собеседовании на позицию Front-End — создание Image Slider. Вы должны реализовать этот виджет за ~45–50 минут и рассказать об оптимизации. Эту информацию я постараюсь рассказать здесь. Основная цель состоит не в том, чтобы реализовать Image Slider с большим количеством функционала, а в том, чтобы показать, как реализовать и оптимизировать. Читать...

​​Кратко о пороге входа во фронтенд (на текущий момент). ✅ HTML - обязательно ✅ CSS - обязательно ✅ JavaScript - как минимум на начальном уровне ✅ React / Angular / Vue - тоже что и для JS ✅ Git - знание основных команд ✅ Знание английского языка - опционально, но если знаете выбор вакансий становится шире ✅ Умение решать самостоятельно небольшие задачи - чаще всего именно это является самым важным на собеседованиях, вы можете показать не очень хороший результат в теории, но важнее то как вы рассуждаете. Интервьюер смотрит на то как вы думаете и двигаетесь вперед по логической цепочке. Это не значит что нельзя ничего спрашивать, но и просить за вас решить задачу нельзя, выдерживайте золотую середину. ✅ Быть коммуникабельным / не быть «токсичным» - звучит банально но в силу опыта показалось что на это смотрят чаще чем на hardskills

​​Научитесь оживлять интерфейсы: пользователям нравится, когда на сайте что-то вращается, а заказчики готовы платить больше за такую работу. При этом анимации могут и отталкивать, если они замедляют загрузку страницы, поэтому их важно оптимизировать. Создавайте удобные интерфейсы, где пользователь без труда разберётся, как в 2 клика заказать пиццу, отправить резюме, купить обучение. А с помощью микроанимаций оживляйте сайт и создавайте эффекты разной сложности⚡️ До 31 июля даём скидку 30% на пакет “Разработчик интерфейсов” и на 5 входящих в него курсов: – CSS-анимации; – Дизайн-системы; – Подготовка вёрстки для CMS; – Вёрстка React-компонентов; – Шаблонизаторы HTML; – пакет «Разработчик интерфейсов» — все 5 курсов вместе с дополнительной скидкой 10%. Учитесь в комфортном темпе, совмещая с работой и практикуйте новые навыки сразу в своих проектах. Подробнее о пакете “Разработчик интерфейсов” – https://vk.cc/cfcMBt

​​История стиля который никто не просил или body margin 8px Все браузеры элементу body добавляют внешний отступ со значением 8px (margin 8px). Это часть таблицы стилей по умолчанию, рекомендованных w3c. Но почему именно 8px? Откуда такая тенденция? Читать...

​​Математика фронта «под одной крышей» Пришёл в новый проект где было подключено три математические библиотеки. Кодовая база впитала опыт нескольких команд разработчиков и представляла типичный legacy где обосновать то или иное решение не всегда представляется возможным. Дойдя в бэклоге до оптимизации я стал перебирать варианты того, как это можно решить. В результате своих размышлений я пришёл к выводу, что хочу сохранить все имеющиеся библиотеки, но убрать с глаз разницу в API. Желаю конфигурировать на лету "математический движок" в одной точке (не залезая в, непосредственно, сам клиентский код). Читать...

​​Хотите прокачаться в JavaScript? Сидеть на learn.javascript, конечно, хорошо, но нет ничего лучше плотных практических занятий. В Elbrus Bootcamp регулярно проходят бесплатные онлайн и офлайн мастер-классы по JavaScript для всех, кто только собирается изучать язык или уже немного разбирается, но нуждается в обратной связи. Ближайший для начинающих - в среду Для продвинутых - в четверг 

​​Псевдокласс :not Псевдокласс :not задаёт стили для элементов, которые не содержат указанный селектор. Указываться может любой вид селекторов, однако конструкция :not(:not(...)) запрещена Синтаксис: :not(selector1, selector2, ...){ ... } Пример использования: li:not(.different) {  font-size: 3em; }

Алоха товарищи фронты! Соскучились по живому общению и лучшим практикам фронтенда? 21 июля состоится офлайн-митап по фронтенд-разработке от Х5 Tech и Skillbox.  Что вас ждёт: много реального опыта и обсуждений злободневных вопросов от крутых экспертов-практиков.  Коротко о программе: Старт в 19:00 после welcome-вкусностей.  В повестке: 👉 Чего не стоит делать при разработке ui-kit? 👉 "Чат - и точка. Хочу как в Telegram", или как сделать мощный чат 👉 Архитектура универсальных веб-приложений 👉 Вся правда о нетворкинге и зачем он разработчикам 🔥Вишенка на торте - Afterparty В общем регистрируйтесь по ссылке , будет круто!

​​Node.js: использование веб-потоков. [2 части] Веб-потоки (web streams) — это стандарт для потоков (streams), который поддерживается всеми основными веб-платформами: веб-браузерами, Node.js и Deno. Потоки — это абстракция для чтения и записи данных последовательно, небольшими частями из любого вида источника — файлов, данных, находящихся на сервере, и т.д. Например, глобальная функция fetch (которая используется для загрузки онлайн-ресурсов) асинхронно возвращает ответ (Response), содержащий свойство body с веб-потоком. В данной статье рассматриваются веб-потоки в Node.js, но то, о чем мы будем говорить, применимо к любой поддерживающей их платформе. 👉 Читать [часть 1] 👉 Читать [часть 2]