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

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

15018 @frontendnoteschannel
Открыть

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

  • Frontender's notes

    Несколько Open API для ваших проектов Всем привет! Несколько API которые могут быть полезны при разработке вашего проекта. YouTube API - Официальный API от Google. Тут вы сможете получить само видео, подписки, лайки и.т.д. Ссылка... Google Maps API - Решает такие проблемы как встраивание карт, расчет маршрутов, их длины, получение данных по остановкам и другие данные связанные с картами. Ссылка... Spotify API - API для получения данных по трекам, плейлистам, альбомам. Ссылка... JSON Placeholder - бесплатный API для получения моков для ваших проектов. Ссылка... Удачи в экспериментах!

  • Frontender's notes

    ​​Занимаетесь frontend-разработкой, но для серьёзных проектов пока не хватает навыков? Тимлиды ВКонтакте записали топовый курс с акцентом на практику. За 5 месяцев вы научитесь делать качественные, быстрые интерфейсы, разберётесь с деплоем, CI/CD, кэшированием и серверной оптимизацией и поймёте, как тратить на разработку меньше времени.  Результатом обучения станет готовый сервис на React + TypeScript с деплоем на собственном сервере. После прохождения курса вы точно будете готовы к работе над крупными проектами, а наш HR приложит максимум усилий, чтобы трудоустроить вас в хорошую компанию. Переходите по get='_blank' rel='noreferrer nofollow' href='https://karpov.courses/dev/frontend?utm_source=tg&utm_medium=post&utm_campaign=may_frontend_8&utm_content=frontendnotes_may_8'>ссылке и записывайтесь на курс до 18 мая — по промокоду FRONTENDER действует скидка 10%. Кстати, на сайте можно пройти бесплатную демоверсию.

  • Frontender's notes

    ​​Как работают реактивные функции во Vue? Ребята из Delivery Club рассказали в новой статье, как сделать из простого объекта реактивный и какие современные возможности JS для этого используются. Из материала вы узнаете про реализацию аналога функции reactive, а также применение инструментов Reflect и Proxy. Подробнее по ссылке.

  • Реклама

  • Frontender's notes

  • Frontender's notes

    ​​Мобильная игра на HTML, CSS, JavaScript, jQuery, Apache Cordova и Firebase. Как сделать красиво снаружи и плохо внутри В данной статье будет рассказана история разработки одной мобильной игры. Также будут освещены следующие вопросы: 👉 Стоит ли использовать jQuery? 👉 Стоит ли вообще разрабатывать мобильные игры на JS с нуля? Читать...

  • Frontender's notes

    ​​Интернет знает 2 типа онлайн-встреч: одни действуют подобно сильнейшему снотворному, на других – майнятся инсайты и устанавливаются полезные знакомства. Наша относится к последним :) 28 апреля в 18:00 (по МСК) Максим Галеев, дизайн-директор продуктового направления Газпромбанка, на вебинаре «Продуктовый дизайн – от кода до продукта, которым пользуются миллионы» расскажет: • что такое дизайн-системы • чем в них занимается продуктовый дизайнер • зачем ему знания технологического стека, аналитики и agile-методов • как построить во всем этом успешную IT-карьеру  Лекция пройдет в Zoom – нужна регистрация: https://vk.cc/cd3e60

  • Frontender's notes

    ​​💪🏻Улучшай навыки английского языка на практике со специалистами зарубежных IT-компаний! 📚OTUS запускает первый поток онлайн-курса разработанный для IT-специалистов «English for IT. Looking for international IT job». Обучение поможет улучшить навык рабочей коммуникации на английском языке и справиться с языковым барьером. 📌Пройди тест и проверь, подойдет ли этот курс тебе: https://otus.pw/x8Iq/

  • Frontender's notes

    Несколько полезных книг для фронта Всем привет! Прекрасно понимаю что далеко не все изучают фронтенд по книгам но тем не менее часть разработчиков нет-нет да почитывает книги хотя бы иногда, хотя бы отрывками (например я, когда еду в метро). Вот список литературы который мог бы быть вам полезен. 👉 ES6 и не только (автор Кайл Симпсон) - В этой книге особое внимание уделяется нововведения появившимся в EcmaScript 6 👉 Practical SVG (Крис Койер) - Одна из самых полезных книг для работы с векторной графикой. Эта книга подойдет не только для дизайнеров так как в ней описаны и такие технические моменты как нюансы при работе с инструментами сборки при работе с SVG 👉 JavaScript шаблоны (Стоян Стефанов) - Эта книга подойдет тем кто уже знаком с языком хотя бы на среднем уровне. В ней описываются хорошие конструкции кода и сравниваются с плохими а так же описаны способы обхода недостатков JavaScript. 👉 JavaScript: сильные стороны (автор Дуглас Крокфорд) - В этой книге описываются наиболее надежные конструкции языка которые позволяют писать качественный и эффективный код.

  • Frontender's notes

    ​​TypeScript: худший лучший язык программирования На конференции FrontedConf 2021 Андрей Старовойт показал плюсы и минусы TypeScript. Если вы сомневаетесь, стоит ли его использовать — эта статья для вас, чтобы вы смогли для себя всё решить. Если вы уже любите и используете TypeScript, то надеюсь, вам тоже будет интересно. Читать...

  • Frontender's notes

    ​​Готовы бросить себе вызов и попробовать окунуться в мир веб-разработки? Запишитесь на челлендж!  За 10 дней вы: • разберётесь, какие есть перспективы в IT, • попробуете себя в разных сферах веб-разработки, • выучите основы вёрстки и программирования на JavaScript и PHP, • поучаствуете в розыгрыше бесплатного обучения с наставником на курсе по HTML и CSS. Всем участникам дарим скидки на обучение, доступ к бесплатным материалам по теме веб-разработки и подарки от партнёров. Присоединяйтесь!

  • Frontender's notes

    ​​JavaScript редактор текста для SVG Статья про редактор текста как на рисунке. Исходный код прилагается. Читать...

  • Frontender's notes

    ​​Zustand — руководство по простому управлению состоянием За последние несколько лет управление состоянием в React претерпело значительные изменения. Многие перешли с Flux на Redux и ищут еще более простые решения. Кроме того, появление React Hooks открыло новые возможности для управления состоянием. Некоторые из новых библиотек управления состоянием, которые появились на горизонте, — это Recoil, Jotai, Radio Active state и Zustand. В этой статье я расскажу о Zustand, который предоставляет легкий и простой способ управления состоянием в React. Читать...

  • Frontender's notes

    Парочка крутых ресурсов которые могут быть вам интересны Алоха коллеги! Вчера в процессе решения проблемы со сборкой проекта, читая комменты на stackoverflow наткнулся там на интересный комментарий в котором была ссылка на один интересный ресурс о котором я раньше не знал. Ну и вот собственно решил поделиться этой ссылкой с вами. Это ресурс с полезными готовыми фрагментами кода для разработчиков, и этих фрагментов там очень много, например сниппет для кастомного чекбокса или куча готовых фрагментов кода для JS или Node JS. И на закуску еще одна полезная репа, о ней я вам рассказывал когда то давно, но если вдруг вы потеряли ссылку то вот собственно. Это очень крутая гитхаб репа для того что бы обучаться работе с алгоритмами, там очень много разной инфы на тему алгоритмов.

  • Frontender's notes

    ​​Из джуна в мидл разработчика: какие навыки нужны, чтобы расти по грейдам?🚀 Главной трудностью начинающих фронтенд-разработчиков является непонимание, в какую сторону развиваться и какие навыки прокачивать, чтобы расти профессионально. Чтобы помочь разработчикам, мы создали Карту компетенций и собрали все основные навыки, востребованные на рынке фронтенд-разработки. По этим навыкам мы подготовили курсы, которые помогут прокачаться до мидла и решать более масштабные задачи, расти в доходе и проходить собеседования в крупные продуктовые компании. Читайте статью, чтобы понять, с чего начать обучение джуну и какие навыки понадобятся в работе⚡️ Перейти к статье📝

  • Frontender's notes

    ​​​​Пишем чистый код при помощи деструктуризации объектов в JavaScript Деструктуризация — это синтаксис, который позволяет распаковывать значения из массивов или свойства из объектов в переменные. Что нам это дает? Возможность писать более чистый и понятный код, экономя время и количество строк. Читать...

  • Реклама

  • Frontender's notes

    Как устроена автоматизация в Почте России? А есть ли легаси?     Все это можно узнать в Telegram-канале Почтатеха — ИТ-подразделения Почты, которое занимается разработкой цифровых продуктов.      В нем вы также найдете актуальные вакансии, комментарии экспертов и множество интересного из мира информационных технологий.   Подписывайтесь: @pochtatech

  • Frontender's notes

    ​​​​Этапы погружения junior-разработчика Меня зовут Иван Сёмин, я руковожу несколькими командами разработки в компании Домклик. На данный момент в моём подчинении 28 человек, часть из которых приходила на junior-позицию. Хочу поделиться своим видением погружения новых сотрудников в процессы компании и коллектив, и рассказать о способах развития разработчиков до middle-уровня в крупных командах. Читать...

  • Frontender's notes

    Масштабный проект для разработчиков по созданию сквозного HR-продукта в Газпром Нефть https://clck.ru/etAGH  💸 Роли и вознаграждение за проект на руки (6 месяцев, полная занятость):  - FullStack (Teamlead) - 2 340 000 ₽ - BackEnd developer- 1 620 000 ₽  - FrontEnd developer- 1 500 000 ₽ 🔺О проекте: ПАО Газпром нефть формирует продуктовую команду для разработки собственного ИТ-продукта, который обеспечит единый интерфейс для управления структурой, должностями, ролями и соответствующими бизнес-процессами, интеграцию с информационными системами SAP, 1C, Jira и др. и формирование аналитической отчетности. Необходимо разработать следующий релиз ИТ-продукта на основе существующего MVP. 🔺Наш стек: C#, Net Core 3.1, PostgresPro Enterprise, MSSQL, Linux, React, TypeScript, CSS 🔺 Чем предстоит заниматься: - Проанализировать бэклог и детализировать задачи, распределив ответственность между тремя ролями  - Определить способы интеграции со смежными информационными системами и построения взаимодействия фронтенд- и бэкенд-частей решения  - Выполнить итеративные циклы разработки и тестирования в формате двухнедельных спринтов  - Разработать модульные и интеграционные тесты для разработанных компонентов 🔺 Наши ожидания от кандидатов: - Опыт коммерческой разработки от 3-х лет - Знания языков C# и фреймворка .Net Core 3.1, баз данных PostgresPro Enterprise и MS SQL - Знание архитектуры и подходов к реализации интеграций со сторонними системами, ручного тестирования и разработки автотестов - Глубокое понимание работы с Git и Git-flow 🔺 Почему это интересно: - Долгосрочный проект и стабильные выплаты - Задачи со звездочкой, которые интересно решать - Возможность познакомиться с бизнес-командой одной из крупнейших компаний страны Оформление: Самозанятый/физ лицо/ИП Формат: гибридный, с присутствием в офисе 2–3 дня в неделю (офисы расположены 20 городах России) Проект размещен на платформе "Профессионалы 4.0", где каждый день появляются интересные проекты Подробное описание проекта и ролей можно посмотреть здесь https://clck.ru/etAGH   Вопросы задать Ирине @irinagiachene