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

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

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

  • Frontender's notes

    ​​​​Совет фронтендерам: уважайте свое время Первый шаг — не изобретать велосипед. В Html Gram собраны готовые codepen решения на каждый день. От эффектов при наведении до 3D анимации. Быстрее пишешь код — больше отдыхаешь. Подписывайся: @HtmlGram
  • Frontender's notes

    JS - Преобразование речи в текст Алоха товарищи фронты! Знали ли вы что JS умеет звук в текст преобразовывать? Преобразование речи в текст на JavaScript возможно с помощью Web Speech API. Это API позволяет распознать речь пользователя и преобразовать ее в текст. Пример: const recognition = new webkitSpeechRecognition(); recognition.onresult = function(event) {  const result = event.results[event.resultIndex];  const transcript = result[0].transcript;     console.log(transcript); } recognition.start(); В данном примере мы создаем экземпляр объекта webkitSpeechRecognition и задаем обработчик события onresult, который вызывается каждый раз, когда происходит распознавание речи пользователя. Внутри обработчика мы получаем распознанный текст и выводим его в консоль. Затем мы вызываем метод start() для начала распознавания речи.
  • Frontender's notes

    ​​🧠Как работать с OpenAi API в NodeJS В этой статье автор вам расскажет как подключить своего AI помощника, как его правильно использовать при разработке веб-сайта, а также вы узнаете его возможности на NodeJS. Читать...
  • Реклама

  • Frontender's notes

    5 вредных советов программистам: что делать, чтобы не расти в IT   1. Прокачивай только хард-скилы. Главное — взять побольше задач, тогда и зарплату поднимут. 2. Не слушай тимлида. Он боится, что ты вырастешь и займешь его место. 3. Доверяй только себе. Если достался чужой код — не спрашивай команду и переписывай не глядя. 4. Не изучай новые инструменты. Ты уже и так всё знаешь. 5. Не подписывайся на канал «Карьера в Ростелекоме». Там айтишники делятся инсайтами с проектов и становятся лучше каждый день. А если всё-таки хочешь вырасти до сеньора: послушай и сделай наоборот Реклама ПАО «Ростелеком» erid:Pb3XmBtztAFhqpAT7fbEbfzgCYL3GM2zNqQZntp
    Карьера в «Ростелекоме»

    Здесь ты узнаешь всё о работе в «Ростелекоме»: https://job.rt.ru/ ▫️Публикуем вакансии ▫️Знакомим с командой ▫️Показываем компанию изнутри ▫️Рассказываем, как работают IT-команды ▫️Разбираем технологии и тренды ▫️Обсуждаем события IT-мира.

    Telegram
  • Frontender's notes

    ​​🤔Разбираемся с роутингом в современных фреймворках В этой статье автор расскажет, почему одной из тенденций, которую перенимает большинство фреймворков JavaScript, является предоставление маршрутизации на основе пути, и почему это очень приятная функция, которую мы воспринимаем как должное в таких фреймворках, как Next, Fresh или других, а также вы узнаете как добавить поддержку динамической маршрутизации, и как внедрить собственный роутер. Читать...
  • Frontender's notes

    ​​⚡Модальное окно на чистом CSS и JS При добавлении модального окна для авторизации на свой сайт, автор подумал, а что будет, если публиковать подобные модульные вещи, чтобы любой человек мог их скопировать и не думать о них, а использовать в разработке. То есть создать готовый модуль для встраивания. Читать...
  • Frontender's notes

    ​​Фокусируемся на важном и учимся выбирать простые решения во второй серии бесплатного курса «Паттерны и практики написания кода» от разработчиков Авито. Герои выпуска — бритва Оккама, KISS, YAGNI, BDUF — принципы программирования. Для знакомства с ними ваш ЯП значения не имеет — принципы универсальны. Подписывайтесь на канал AvitoTech, смотрите курс и пишите качественный код! Реклама. ООО «Авито Тех». LdtCKVVNz
  • Frontender's notes

    ​​Не пропустите прямую трансляцию от HTML Academy.  Гуру веб-разработки соберутся вместе, чтобы обсудить влияние искусственного интеллекта на будущее IT профессий.  — Сделает ли ИИ начинающих джунов безработными? — Какие навыки потребуются веб-разработчикам, чтобы оставаться актуальными в эпоху искусственного интеллекта? — Можно ли подружиться с Chat GPT и как использовать его во благо своей карьеры? Ответы на эти и многие другие вопросы вы получите во время прямого эфира. Не пропустите возможность узнать какое будущее вас ждет. 📆 Дата: 19 апреля. 🕒 Время: 13:00. Запишитесь, чтобы не пропустить трансляцию.
  • Frontender's notes

    ​​🧠Создаём веб-сайт, как будто сейчас 1999 год Сегодня мы можем посмеяться веб-сайтами 90-х, по сравнению с современными изящными и минималистическими сайтами они выглядят карикатурно. Но мы слишком далеко ушли в другом направлении, и сегодня многие веб-сайты выглядят одинаково. Те старые личные веб-сайты были отражением вашей личности. В статье вы вместе с автором будете создавать дизайн сайта в стиле 90-х. Читать...
  • Frontender's notes

    ​​Чего ожидать мидл-разработчику, который хочет расти в профессии? Поговорим про это с Саматом Галимовым, ведущим подкаста «Запуск завтра», бывшим техническим директором Букмейта, RAWG и Pure. Вместе разберёмся, что технический директор ждёт от разработчиков, и как выстраивать работу в команде и с проектами. → Бесплатно, 19 апреля в 19:00 Мск Спикеры:  ◾️Самат Галимов, работал техническим директором Букмейта, RAWG, Pure. Сейчас — ведущий подкаста «Запуск завтра», а ещё проводит аудит, наводит порядок и запускает разработку. ◾️Влад Кяуне, методист Яндекс Практикума. Вы узнаете: — по каким принципам техдиректор набирает разработчиков в команду; — в чём разница между разработчиками уровня джуниор, мидл и синьор; — как работать с проектными задачами: определять стоимость и вгружаться в проект. В прямом эфире вы сможете задать эксперту вопросы и выяснить все интересующие детали. → Зарегистрироваться на вебинар
  • Frontender's notes

    ​​❓Почему разработчики JavaScript используют инструменты на Rust В статье вы узнаете, что не так с JavaScript и почему JS разработчики используют Rust. Читать...
  • Frontender's notes

    ​​⚙️Решение головоломки судоку на JavaScript с помощью хэш-карт и рекурсий Автор написал  метод решения популярной задачи по программированию. Созданная функция эффективно решает судоку с помощью хэш-карт и рекурсий. Читать...
  • Frontender's notes

    ​​▪️HTML, JavaScript, и щепотку Bootstrap Автор разберет следующие задачи в этой статье: Cоздать форму, для ввода адресов точек отправления и прибытия; Cоздать карту и построить маршрут от точки отправления до точки прибытия. Читать...
  • Frontender's notes

    ​​👾Игра Жизнь — клеточный автомат на HTML, JS В этом посте вы сделаете "Игру Жизнь" на HTML странице при помощи CSS & JS Читать...
  • Frontender's notes

    ​​🤯Стили заголовков в CSS: картинки, тени, анимации Задача заголовка — привлекать внимание, и для этого многие эффекты хороши. Все эффекты заголовков вы разберете в этой статье. Читать...
  • Реклама

  • Frontender's notes

    ​​💻Книга «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 6-е изд.» Книга, наполненная ценными практическими советами и подробным теоретическим материалом, поможет вам освоить динамическое веб-программирование с применением самых современных технологий.  Читать...
  • Frontender's notes

    ​​🚀58 байтов CSS, которые выглядят красиво почти где угодно При создании своего веб-сайта автор хотел найти простой и разумный способ сделать его красивым на большинстве дисплеев. Для его задач подошли следующие 58 байтов: main { max-width: 38rem; padding: 2rem; margin: auto; } Читать...
  • Frontender's notes

    ​​📝Как развернуть React приложение с помощью AWS S3 и CloudFront Это первая часть статьи, где вы настроите сервисы AWS и произведете ручное развертывание приложения. Во второй части рассмотрите вопрос автоматизации сборки и доставки. Читать...