Обложка канала

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

Годные заметки, новости, видео и интересные статьи для Frontend разработчиков.

  • Frontender's notes

    Всем привет!👋🏻 🆘 Нужна помощь frontend-разработчиков в реализации благотворительного проекта - приложения для одного из Хосписов фонда "Вера".  Идея нашего проекта родилась в период пандемии, когда многие предприятия столкнулись с трудностями, и даже самые простые рабочие процессы давали сбой. «Инновационный центр Ай-Теко» предложил НКО "Фонд Вера" безвозмездную помощь по автоматизации процессов.  Наше приложение "В хосписе" - это единое информационное пространство для сотрудников хосписа и волонтеров, пациентов и их родственников. Приложение содержит в себе полезные инструменты для организации внутренних коммуникаций, избавляя персонал от рутины, и позволяет: 👉 Планировать и распределять задачи; 👉 Контролировать статус и сроки выполнения задач; 👉 Координировать работу волонтеров; 👉 Оповещать сотрудников об изменениях в рабочих процессах; 👉 Рассказывать о важных событиях в жизни хосписа. В настоящее время мы готовимся к выпуску MVP. Готова вся аналитика, написан backend, активно отрисовываются макеты, но нам не хватает рук для разработки frontend! И мы очень ждём 2-3 frontend-разработчиков, которые:   👉 владеют HTML,CSS; 👉 имеют практику работы c JavaScript: 👉 знают библиотек React,React Router  👉 понимают (желателен опыт работы) promise, arrow function, closres, reduce, map, filter. Занятость 8-10 часов в неделю, ориентировочная продолжительность участия в проекте до 3 месяцев, коммуникации в телеграмм-чате, созвоны по необходимости в удобное для всех время. Наш проект полностью благотворительный и держится на энтузиазме каждого участника команды. Но помимо возможности сделать доброе дело, это ещё и классный профессиональный опыт, знакомство с новыми людьми, возможность обменяться знаниями. Помоги нам сделать проще работу тех, кто посвящает себя заботе о других! Присоединяйся!🫶🏻 Обращаться: @EugeniaGo
  • Frontender's notes

    ​​😶‍🌫️Миграция с vue-class-component на vuejs/composition-api В статье хочу поделиться опытом переписывания существующих классовых компонентов vue на новый синтаксис vue-composition-api. Читать...
  • Frontender's notes

    JavaScript. Основы. О преобразованиях. Существует 3 широко используемых преобразования: строковое, численное и логическое. Строковое – Происходит, когда нам нужно что-то вывести. Может быть вызвано с помощью String(value).  Для примитивных значений работает очевидным образом. Численное – Происходит в математических операциях. Может быть вызвано с помощью Number(value). Логическое – Происходит в логических операциях. Может быть вызвано с помощью Boolean(value). Правила представлены на картинке. Большую часть из этих правил легко понять и запомнить. Особые случаи, в которых часто допускаются ошибки: 1. undefined при численном преобразовании становится NaN, не 0. 2. "0" и строки из одних пробелов типа " " при логическом преобразовании всегда true.
  • Реклама

  • Frontender's notes

    ​​​​​​Приручаем многопоточность в Node.js В прошлых частях цикла мы: 👉 рассмотрели базовые концепты работы с многопоточностью в JavaScript на примере среды Node.js; 👉 научились формировать общую очередь и каналы обмена данными и сигналами, чтобы более эффективно управлять загрузкой потоков; 👉 использовали разделяемую память и Atomics-операции как самое быстрое средство обмена большими блоками данных; 👉 создали отдельный поток-координатор, чтобы устранить негативное влияние синхронного кода в основном потоке исполнения на загрузку потоков вспомогательных. В сегодняшней, заключительной, части я продемонстрирую, как все эти механики вместе позволяют сделать эффективный микросервис, автоматически подстраивающийся под изменения входящей нагрузки. Читать...
  • Frontender's notes

    CSS. Использование переменных Всем привет!  В JavaScript-мире препроцессоры CSS — это очень полезные и популярные технологии. Препроцессоры расширяют возможности CSS, позволяя пользоваться, например, переменными и функциями. Но нам теперь доступны более мощные возможности CSS, например мы можем создать переменные без использования препроцессоров. Как это сделать: Для объявления переменной достаточно поставить два тире (--) перед её именем. После этого, там, где нужно значение переменной, вызывают функцию var(), передавая ей созданную ранее переменную в качестве аргумента. Пример: :root {   --base: #ffc600;   --spacing: 10px;   --blur: 10px; } img {   padding: var(--spacing);   background: var(--base);   -webkit-filter: blur(var(--blur));   filter: blur(var(--blur)); } .hl {   color: var(--base); } Собственно как то так, удачи вам в экспериментах!
  • Frontender's notes

    ​​Хочешь стать ИТ-специалистом, но не знаешь, с чего начать? Тогда тебе в «Школу 21» от Сбера в Новосибирске! Мы обучаем бесплатно и даём шанс получить востребованную профессию в сфере ИТ. Наши преимущества? Современный кампус, нет лекций и обязательных расписаний, работа над индивидуальными и командными проектами, только практика. Нет опыта в программировании? Не переживай, более 50% наших участников начали путь в ИТ в «Школе 21». Наши выпускники – востребованные специалисты на рынке труда, среди компаний-лидеров отраслей экономики. Не упускай свой шанс и подавай заявку уже сегодня на бесплатное обучение в Новосибирске в «Школе 21»!
  • Frontender's notes

    ​​😵Как мы разрабатывали браузерную игру: взгляд со стороны frontend-архитектора В этой статье автор рассмотрит большое количество нестандартных элементов игрового интерфейса и общие требования и ограничения к frontend-части приложения. Читать...
  • Frontender's notes

    ​​🚀Использование Ionic и Vue 3 для создания мобильных приложений В этой статье мы рассмотрим процесс разработки мобильных приложений с использованием Ionic, Vue 3 и Capacitor, сочетающих в себе преимущества гибкости Vue.js и возможности кросс-платформенной разработки Ionic и Capacitor. Читать...
  • Frontender's notes

    ​​Сначала появляется идея, затем дизайн-макет, а потом фронтенд-разработчик пишет код с использованием библиотек и фреймворков и превращает всё в удобный сервис или сайт. А еще принимает участие в важных встречах с командой и креативных брейнштормах. На курсе Яндекс Практикума «Фронтенд-разработчик» вы за 10 месяцев научитесь:  • Писать код на HTML, CSS, JavaScript и TypeScript  • Создавать сайты и веб-приложения под любые задачи бизнеса  • Использовать библиотеку React  • Разбираться в технических заданиях от заказчиков и предлагать им оптимальные решения  • Работать в команде с помощью Git  • Тестировать сайты и веб-приложения, размещать их в интернете, устранять ошибки Практика на реальных кейсах, сопровождение команды специалистов и работающие проекты в портфолио. Карьерный центр поможет вам грамотно составить резюме, презентовать себя с выгодных сторон, отрепетировать собеседование, а оффер вы уже получите сами. Начать учиться
  • Frontender's notes

    ​​😵ESLint. Анатомия правил линтинга: разбираем структуру, создаём собственное правило для React-приложения В этой статье автор расскажет немного о том, как устроены правила в ESLint, и покажет на примере, как можно разработать собственные. Читать...
  • Frontender's notes

    ​​🧐В поисках лучшей версии EcmaScript для сборки сайта В статье вы увидите бенчмарк производительности EcmaScript фич, узнаете какой из компиляторов генерирует самый производительный JavaScript код, а также можно ли добиться прироста производительности, начав собирать сайт в более поздней версии ES. Читать...
  • Frontender's notes

    ​​🔥 Переходите на новый уровень в JS-разработке и разнообразьте свою работу! Пройди тест по JS и проверь как хорошо ты знаешь язык. Ответишь — пройдешь на продвинутый курс «JavaScript Developer. Professional» от OTUS по специальной цене + получишь видео-курс по Git в подарок 👉 ПРОЙТИ ТЕСТИРОВАНИЕ https://otus.pw/pfAs/ Нативная интеграция. Информация о продукте www.otus.ru
  • Frontender's notes

    ​​😶‍🌫️React: как сделать динамический суффикс в <input />, который будет двигаться вместе с набранным текстом В этой статье вы узнаете как с помощью react можно сделать input с двигающимся суффиксом, который идет сразу после значения ввода. Читать...
  • Frontender's notes

    ​​☕️Учебник по JavaScript: ООП на простых примерах В этой статье мы познакомимся с наследованием, инкапсуляцией, абстракцией и полиморфизмом, а также научимся создавать объекты и использовать синтаксический сахар class. Читать...
  • Frontender's notes

  • Реклама

  • Frontender's notes

    ​​⚡️Debouncer: практический пример использования замыкания В этой статье автор расскажет, что такое дебаунсер, как реализовать дебаунсер, и что такое замыкание. Читать...
  • Frontender's notes

    ​​👾Низкоуровневая реализация полного цикла жизни компонента во Vue 2 В статье речь пойдет о низкоуровневой реализации цикла жизни компонента: объявление, монтирование в DOM, дестрой экземпляром компонента самого себя. Читать...
  • Frontender's notes

    Образовательный курс для джунов и мидлов «Паттерны и практики написания кода» от бэкендера Авито Юры Афанасьева и команды AvitoTech. 22 бесплатные видеолекции с примерами на живом коде. База, которую должен знать каждый, — все ссылки уже в посте на канале ребят. Реклама. ООО «Авито Тех». LdtCKZtAT
    AvitoTech

    «Паттерны и практики написания кода» — это два сезона образовательных лекций, в которых Юра Афанасьев выдаёт базу качественного кода. Чтобы вам было удобно смотреть, мы собрали все лекции в плейлисты. Первый сезон: ревью кода, MVC, архитектура, GRASP-шаблоны и др. Второй сезон: SOLID-принципы, магические числа, Dependency Injection и др. Важно: Юра больше 10 лет пишет на PHP. В лекциях вы увидите код на нём, но это не помешает восприятию — все принципы и подходы универсальны для любого ЯП. И ещё кое-что: помните, что принципы — не табу или аксиомы, а лишь маркеры, предостерегающие от проблем. #видео_avitotech #avitoteam

    Telegram