Frontender's notes. Страница 33
15018
@frontendnoteschannel
Годные заметки, новости, видео и интересные статьи для Frontend разработчиков.
-
Frontender's notes
🚀Хотите освоить автоматизацию тестирования на JavaScript? Познакомьтесь с основами mocha и chai на бесплатном вебинаре в OTUS: регистрация — 7 ноября в 20:00 Дамир Рысаев, Team Lead в компании AnyClass, разберет базовые приемы тестирования API. Вместе с экспертом вы реализуете тестирование API с помощью mocha и chai. Вебинар — возможность познакомиться с преподавателем и протестировать онлайн-курс «JavaScript QA Enginer». Программа ориентирована на специалистов с опытом в ручном тестировании и с минимальными знаниями программирования. 👉Пройдите вступительный тест, чтобы зарегистрироваться на открытый урок! 
-
Frontender's notes
Конференция для JavaScript-разработчиков HolyJS 2022 Autumn 🌐 10–11 ноября — онлайн 👥 20 ноября — офлайн в Москве (с возможностью удаленного участия для тех, кто не готов добраться) Программа конференции полностью готова. Среди докладов: ✔ Александр Мышов, 2ГИС — «High refresh web» ✔ Виталий Харисов и Владимир Гриненко, Яндекс — «There and back again, или Нужно ли становиться руководителем» ✔ Артём Арутюнян, SimBaze — «Гигантизм Reatom» Если вам хочется на несколько часов отвлечься и побыть среди единомышленников, то приходите на HolyJS. А промокод frontendnotes2022JRGpc даст скидку 20% на билеты из категории «Для частных лиц». Подробности и билеты — holyjs.ru 
-
Frontender's notes
Алгоритмы для веб-разработчиков простыми словами (рекурсия) Мы продолжаем разбирать максимально простым языком алгоритмы и структуры данных на JavaScript. Тема нашей сегодняшней статьи — рекурсия. Для многих разработчиков рекурсия кажется чем-то очень сложным и непонятным, но не переживайте, не так страшен черт, как его малюют. Читать... #longread 
-
Реклама
-
Frontender's notes
Немного о WebEngine — low-code IDE для разработки современных веб-приложений Много лет назад, смотря на крутейшие авторские посты, где творили самую настоящую техно-магию, я твердо решил - больше не писать до тех пор, пока не смогу сделать что-то такое, чем смогу гордиться. К этой статье-анонсу я шел почти 10 лет. С огромной гордостью, хочу анонсировать WebEngine - IDE и набор технологий для разработки современных сайтов на React, пакетов, а в дальнейшем Angular, Vue, тем для WordPress, приложений на Electron и многое другое. Читать... 
-
Frontender's notes
CSS псевдокласс :is() Всем привет! Недавно узнал о том что в CSS есть псевдокласс :is(), который позволяет значительно сократить длинные записи селекторов. По сути он просто принимает список селекторов для выбора элементов HTML. Несколько примеров:button:is(:hover, :focus) {background: green;}Меняет фон для кнопки если она имеет состояниеfocusилиhover.:is(thead, tfoot) tr :is(th, td) {background: red;}Выбирает все элементыthиtdвнутри хедера и футера таблицы.:is(ul, ol, menu) > :is(ul, ol, menu) {background: yellow;}В данном примере мы выбираем все списки которые уже находятся в списках. Собственно вот такая довольно полезная штуковина. Поддерживается на данный момент всеми основными браузерами, вот ссылка на caniuse. Удачи в экспериментах! #js #shortread -
Frontender's notes
Освоить веб-разработку с нуля за 10 месяцев — реально, хотя и непросто. Придётся сократить время на хобби, заниматься после работы и до неё, искать дополнительные материалы и подолгу думать над задачами. Но оно того стоит: в конце пути — новая профессия и интересная работа. А Яндекс Практикум поможет не сбиться с курса. — Команда сопровождения проверит проекты, объясняет сложные темы и поддерживает. — Карьерный центр научит работать с резюме, мотивационными письмами, портфолио и готовится к собеседованиям. — Сообщество студентов и куратор подбодрят, когда захочется всё бросить. Если не справляетесь с делами, то два раза за курс можно взять академический отпуск на месяц. Если на базовой программе тяжело, снизить темп поможет расширенная программа, которая длится 18 месяцев. Учёба будет размеренной, а программа более фундаментальной. Оплата учёбы работает в формате подписки: платежи проходят каждый месяц, и вы можете остановить их в любой момент. Протестируйте формат курса бесплатно → 
-
Frontender's notes
-
Frontender's notes
Ищем учеников на бесплатный интенсив по созданию искусственного интеллекта с нуля. Опыт программирования не важен!🤖 Гарантия трудоустройства всем выпускникам университета! Удаленная работа из любой точки мира! Всего за 3 вечера под руководством Дмитрия Романова - основателя Университета Искусственного Интеллекта, лидера обучения AI-разработке в РФ и СНГ, вы с легкостью напишете свой первый искусственный интеллект👨💻 Какие нейронные сети вы создадите? 👉Классификация марок молока 👉Классификация людей на входящих и выходящих из автобуса 👉Обнаружение возгораний 👉Оценка стоимости квартир 👉Классификация отзывов на Teslа 👉Оценка резюме соискателей 👉Прогнозирование стоимости полиметаллов 👉Сегментация изображений самолетов 👉Распознавание команд умного дома⠀ Лучше освоить навыки создания нейронных сетей вам помогут домашние задания с проверкой от кураторов.⠀ Приходите на бесплатный интенсив и напишите искусственный интеллект за 3 вечера💪 Регистрируемся тут 
-
Frontender's notes
-
Frontender's notes
🔥Ответьте на 19 вопросов - узнайте, хорошо ли вы знаете фреймворк. Сдадите — пройдёте на продвинутый курс по React.js со скидкой. 👉🏻ПРОЙТИ ТЕСТ ПО REACT.JS 📌Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатные демо-занятия: — «Создание быстрых сайтов с Astro.build»: регистрация — «Refine.js - мощный фреймворк разработки внутренних приложений»: регистрация 
-
Frontender's notes
Следующий этап развития Веба Представляю вашему вниманию перевод этой замечательной статьи, которая содержит интересный обзор истории развития веб-разработки с точки зрения используемой архитектуры. Читать... 
-
Frontender's notes
Next.js v13. Что нового и чего ждать в будущем 25 октября команда Next провела презентацию, посвящённую новой, 13-ой версии. Данное обновление по традиции именуют крупнейшим. Оно может затронуть буквально всё — от очередных ускорений сборки до изменений в структуре приложения и новых абстракций. Next.js — крупнейший фреймворк для разработки веб-приложений. Он был создан 6 лет назад, 25 октября 2016 года. За это время было выпущено 12 крупных релизов, делая веб всё быстрее и быстрее. Несмотря на громоздкость фреймворка, размеры каждого последующего релиза не становились меньше, хоть и замедлялись в темпах. Три года назад команда Next.js впервые провела конференцию, посвящённую релизу и сделали её ежегодной. Исключением стала презентация 11-ой версии, которая прошла в июне 2021 года. В данной статье речь пойдёт о том, какой функционал был завершён в последних обновлениях и что было на конференции. Читать... ❓ Приходилось ли вам работать с этим фреймворком? И если да то на сколько он вам зашел (по 5-балльной шкале)? 
-
Frontender's notes
Frontend комьюнити @@ozon_tech приглашает на митап🪴 27 октября, 18:00 Офис Ozon, Москва Сити offline | online Программа: 💭Frontend платформа: распространяй и властвуй, Миша Подгорный, руководитель отдела Frontend платформы, Ozon, 18:00: – об устройстве фронтенд платформы в компании – о том, как внедряли стандарты и контролировали переход на них – как распространяем обновления 💭 JavaScript на службе маркетинга, Данил Матвеев, IT-инженер, Сбер, 18:50: – об инструментах анализа пользовательского поведения, – о подтверждении и опровержении A/B гипотез – примеры кода для запуска тепловой карты сайта 💭Видео в вебе, Browser Policy и палки в колёсах, Максим Федянин, ведущий разработчик отдела Модерация, Ozon, 19:30: – детали Autoplay Policy (политика просмотра видео в вебе) – сложности, с которыми можно столкнуться и найденные решения 💭Финальный кофе-брейк, 20:00. Нужно зарегистрироваться📌 -
Frontender's notes
«Рабочие места» для цифровых кочевников: реализация фронтэнда Продолжение рассказа про разработку pet-проекта о кафе и коворкингах на солнечном Кипре. "Рабочие места" для цифровых кочевников. В первой части автор рассказал про REST API микросервис, теперь - про фронтэнд-сайт. Читать... #longread 
-
Frontender's notes
Чемпионат по программированию Yandex Cup 2022 Чемпионат по программированию стартует 1 ноября и пройдет в два этапа — квалификация и финал. Победители разделят 6,2 млн рублей, а лучшие студенты в каждом направлении получат еще по 100 000 рублей. Попробовать свои силы можно в одном из шести треков: • фронтенд, • бэкенд, • мобильная разработка, • аналитика, • алгоритмы, • машинное обучение. Участие в Чемпионате — это возможность посоревноваться с талантливыми программистами, окунуться в атмосферное комьюнити, выиграть денежный приз и начать карьеру в Яндексе. Регистрация открыта до 7 ноября: https://clck.ru/32QFvK 
-
Реклама
-
Frontender's notes
Как я делаю анимацию модальных окон Всем привет! На ютуб канале IT синяк вышел отличный 13-минутный видос на тему того как реализовать модальные окна и их анимацию на React. А так же о том как это работает в библиотечках которые мы чаще всего для этого используем. Рекомендую к просмотру. 👉 Смотреть видео... 👉 Файлы на GitHub... 
-
Frontender's notes
Найти работу React - разработчиком можно 2 методами: Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIn. Офигеть от условий и закрыть. Второй. Подписаться на React Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п. Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах! В общем, не теряйте времени и находите работу в 2 клика: @job_react 🔥 Подписаться - https://t.me/+Ahwz6BlLBeo4MzIy 
-
Frontender's notes
Оператор ~ (побитовое не) Мы на практике не особо часто юзаем побитовые операторы, а некоторые из нас возможно только сейчас узнали что такие вообще бывают, но конкретно для этого оператора есть сценарий для использования в повседневных задачах. Оказывается, при использовании с числом, оператор ~выполняет~N => -(N+1). Значение этого выражения равно “0” только тогда, когдаN == -1. Поместив ~ перед функциейindexOf(...), мы можем выполнить булевую проверку наличия элемента вStringили вArrayбез приравнивания к -1. Теперь наглядно: const str = 'Alesha Popovich'; ❌if (str.indexOf('Alesha') !== -1) return true;✅if (~str.indexOf('Alesha')) return true;Как мы видим такая конструкция чуть короче ❗P.S. Я знаю, про метод.includes(), ноindexOf()встречается еще пока довольно часто что-бы про него забыть