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

Frontend разработчик. Страница 5

12650 @frontend_1
Открыть

Frontend разработчик. Библиотека электронных книг и статей для frontend разработчиков.

  • Frontend разработчик

    База знаний веб-разработчика: прокачиваем навыки владения CSS Любые навыки прокачиваются опытным путём и упорным изучением – это факт, с которым сложно не согласиться. Изучение языков программирования и каскадных таблиц стилей не являются исключением – достичь высоких результатов в этом вопросе удастся только благодаря регулярной практике. Владея знаниями по вёрстке, можно достичь поставленных целей и перейти на следующую ступень профессионализма. В этой статье я расскажу, какие материалы мы с коллегами используем в своей работе: уверен, эта информация будет полезна разработчикам на CSS. https://habr.com/ru/articles/698350/ 👉 @frontend_1
    База знаний веб-разработчика: прокачиваем навыки владения CSS

    Архипкин Дмитрий веб-разработчик в HTDev Любые навыки прокачиваются опытным путём и упорным изучением – это факт, с которым сложно не согласиться. Изучение языков программирования и каскадных таблиц...

    Хабр

  • Frontend разработчик

    Галерея компонентов Разработанная как справочник для всех, кто создает пользовательские интерфейсы на основе компонентов, "Галерея компонентов" представляет собой актуальное хранилище компонентов интерфейса, основанное на примерах из мира систем проектирования. https://component.gallery/ 👉 @frontend_1

  • Frontend разработчик

    🎯 Тест по Node JS от OTUS 🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript 🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js Время прохождения теста ограниченно 30 минут 👉 ПРОЙТИ ТЕСТ Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Нативная интеграция. Информация о продукте www.otus.ru

  • Реклама

  • Frontend разработчик

    JavaScript: управление веб-страницей с помощью жестов Наш опыт реализации дистанционного управления и экспериментов с различными подходами, включая технологию Computer Vision. В этой статье мы поделимся результатами наших экспериментов с использованием библиотеки MEDIAPIPE от Google для компьютерного зрения. www.moravio.com/blog/ja…gestures 👉 @frontend_1

  • Frontend разработчик

    CSS Animated Grid Layouts В CSS Grid свойства grid-template-columns и grid-template-rows позволяют задавать имена строк и отслеживать размер столбцов и строк сетки соответственно. Поддержка интерполяции для этих свойств позволяет макетам сетки плавно переходить из одного состояния в другое, вместо того чтобы останавливаться на полпути анимации или перехода. https://web.dev/css-animated-grid-layouts/ 👉 @frontend_1

  • Frontend разработчик

    Как я тоже Понг на JS делал Как только я начал что-то понимать в JavaScript, я принялся искать интересные гайды чтоб повторить какую-нибудь игру. Не смотря на то, что она является просто повторением чужого гайда, из-за того я проанализировал в ней каждую строчку кода, мне удалось почерпнуть немало полезных знаний и навыков. Я также смог сам внести интересные изменения в ее код. https://habr.com/ru/articles/697870/ 👉 @frontend_1

  • Frontend разработчик

    Как собрать, протестировать и опубликовать npm-пакет TypeScript В этой статье мы создадим и опубликуем пакет NPM с нуля, используя TypeScript и Jest для тестирования. Мы инициируем проект, настроим TypeScript, напишем тесты с помощью Jest и опубликуем его в NPM. www.strictmode.io/article…age-2022 👉 @frontend_1

  • Frontend разработчик

    Реализация слайдера изображений и текста на React.js с вариантами оптимизации В данной статье мы разберем задание, которое может встретиться в рамках собеседования на должность фронтенд-разработчика, а именно реализацию слайдера изображений. betterprogramming.pub/impleme…af998548 ✍️ @React_lib

  • Frontend разработчик

    🟡Тест по React JS от OTUS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Если вы планируете пополнить свой стек самым популярным JS-фреймворком — React, приходите на открытый урок “TDD + React”. Урок пройдет 27 апреля в 20:00 в рамках онлайн-курса “React.js Developer” https://otus.pw/Ns7v/ Нативная интеграция. Информация о продукте www.otus.ru

  • Frontend разработчик

    Краткий курс Next.js Первые 20 минут этого видео посвящены пониманию того, что такое Next.js, что такое рендеринг на стороне сервера, генерация статических сайтов и когда вам стоит выбрать Next.js для вашего следующего проекта. Остальная часть курса посвящена настройке проекта Next и демонстрации возможностей Next.js и их использования. 0:00 Understanding Next.js 20:46 Creating Next Project 22:38 Files Overview 30:40 Components 31:20 Pages 37:25 Dynamic Page Routes 41:28 Data Fetching & getServerSideProps 51:00 Using Fetch 1:04:10 getStaticProps 1:15:40 getStaticPaths 1:32:40 CSS & SCSS 1:40:13 Layouts 1:54:40 Links & Router 2:01:31 Custom Document 2:06:10 Importing Google Font 2:11:42 Next API Routes 👉 @frontend_1

  • Frontend разработчик

    Микрофронтенды — универсальное решение всех проблем или просто удобный подход? Сейчас понятие «микрофронтенды» встречается довольно часто, но что это такое и какие задачи они решают? Зачем нам микрофронтенды, если есть микросервисы или монолит? И стоит ли тащить микрофронтенды в свой проект только потому, что это модно? Расскажу об этом, а также о трёх способах организации микрофронтендов: Podium, Single-SPA и Module Federation. Какой среди них лучший и нашли ли разработчики в нём панацею? habr.com/ru/comp…s/730504 👉 @frontend_1

  • Frontend разработчик

    Офер в Яндекс всего за два дня Приходите на Weekend Offer Frontend 27–28 мая. Всего за два дня вы сможете пройти все технические секции, выбрать команду по душе и получить офер. Ждём фронтендеров на JavaScript и TypeScript с опытом работы от 4 лет. С нашей стороны вас ждут 13 команд: Маркет, Рекламные продукты, Cloud, HR Tech, 360, Суперапп, Лавка, Бизнес-приложения, Еда, Умный дом, Инфраструктура, Поиск и Учебник. Нанимаем разработчиков в любой офис России и Беларуси. Некоторые команды приглашают в международные хабы в Армении, Казахстане и Сербии. Регистрация открыта до 24 мая, все подробности ищите здесь

  • Frontend разработчик

    Elevator Saga The elevator programming game Игра для изучения JavaScript. Ваша задача - запрограммировать движение лифтов, написав программу на языке JavaScript. Цель состоит в том, чтобы эффективно перевозить людей. В зависимости от того, насколько хорошо вы справитесь с этой задачей, вы сможете пройти через все более сложные испытания. Только самые лучшие программы смогут пройти все испытания. http://play.elevatorsaga.com/ 👉 @frontend_1

  • Frontend разработчик

    Псевдокласс :auto-fill в CSS позволяет нам стилизовать элементы <input>, которые содержат контент, автоматически заполняемый браузером. Возьмем в качестве примера форму регистрации нового пользователя. Вы когда-нибудь нажимали или касались поля и видели выпадающий список предложений о том, что нужно ввести? css-tricks.com/almanac…autofill 👉 @frontend_1

  • Frontend разработчик

    Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё: • разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера; • познакомиться с теорией и отработать её на практике в больших проектах; • научиться брать ответственность за решения и вкладываться в общий результат; • самостоятельно декомпозировать задачи и распределять время; • исследовать смежные сферы программирования, без которых невозможен фронтенд: • информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы. Начать учиться: https://practicum.yandex.ru/middle-frontend/

  • Реклама

  • Frontend разработчик

    Безопасная проверка URL-адресов JavaScript Когда разработчикам необходимо обрабатывать URL в различных формах для различных целей - таких как навигация по истории браузера, привязанные цели, параметры запроса и так далее - мы часто обращаемся к JavaScript. Однако его частое использование побуждает злоумышленников использовать его уязвимости. Именно поэтому мы должны внедрить проверку URL в наши JavaScript-приложения. snyk.io/blog/se…lidation 👉 @frontend_1

  • Frontend разработчик

    Создание чата - браузерные уведомления с помощью React, Websockets и Web-Push О чем эта статья? Все мы сталкивались с чатами в Интернете, это может быть Facebook, Instagram, Whatsapp и так далее. Просто чтобы дать немного контекста, вы отправляете сообщение человеку или группе, они видят сообщение и отвечают на него. Просто и в то же время сложно. dev.to/novu/bu…ush-1h1j 👉 @frontend_1

  • Frontend разработчик

    Полное руководство по CSS-сетке, в котором рассматриваются все настройки как для родительского контейнера сетки, так и для дочерних элементов сетки. css-tricks.com/snippet…ide-grid 👉 @frontend_1