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

FrontEndDev. Страница 11

Интересные статьи для web-разработчиков.

  • FrontEndDev

    Мок-интервью для джуна-фронтендера: собеседование с лайвкодингом

    🔥 Курс «Фронтенд-разработчик» с нуля до трудоустройства за 10 месяцев: http://ru.hexlet.io/link/SaGJTs 🔥 Вакансии Яндекса: https://yandex.ru/jobs/vacancies/ ____ 🔗 Полезные ссылки: – Комьюнити Хекслета: https://t.me/hexletcommunity – Ещё публичные собеседования: https://www.youtube.com/playlist?list=PLo6puixMwuSOa_0EH6X4OXzFAmyQGS3a3 – Подкаст Веб-стандарты: https://web-standards.ru/podcast/ ____ Публичное собеседование – формат учебного интервью, где джуниор-разработчик пытается пройти собеседование на позицию фронтенд-разработчика. Опытный разработчик задаёт вопросы, которые помогают кандидату продемонстрировать знание технологий и понимание подходов во фронтенде. В конце кандидат получит вердикт с резюме его слабых и сильных сторон. – Собеседует Никита Дубко, руководитель службы разработки в HR Tech Яндекса, ведущий подкаста Веб-стандарты – Собеседование проходит выпускник Хекслета Виталий Моржов (профиль http://ru.hexlet.io/link/8jvlz6, резюме https://cv.hexlet.io/resumes/973). – 00:00:00 - интро – 00:00:20 - из продажи нефтегазового оборудования во фронтенд – 00:01:00 - как проходит собеседование для junior фронтенд-разработчика – 00:02:20 - Yandex Interview: собеседование в Яндексе – 00:02:45 - проект Хекслета: разработка чата http://ru.hexlet.io/link/acfz3z – 00:05:06 - как принять решение, когда нужно писать тесты – 00:05:34 - тестовое задание для фронтендера: калькулятор и обратная польская запись – 00:06:58 - нужно ли знать TypeScript – 00:08:00 - React Hooks, state manager, стилизация компонентов – 00:09:50 - лайвкодинг: генерация рандомного цвета – 00:25:27 - можно ли сделать код проще – 00:26:33 - как работает браузер – 00:30:36 - как браузер обрабатывает ссылки, внешние видео и изображения (отрисовка страницы) – 00:32:22 - лайвкодинг: написать функцию get – 00:50:25 - доступность интерфейсов: accessibility – 00:54:32 - лайвкодинг: вёрстка holy grail – 01:10:40 - селекторы, псевдоклассы и псевдоэлементы – 01:13:06 - оценка знаний и фидбек – 01:20:14 - как фронтендеру найти первую работу – 01:23:04 - как прокачаться в тестировании и почему важно спрашивать экспертов #itсобеседование #frontend #собеседование #хекслет

    YouTube
  • FrontEndDev

    Запускаем Github actions локально Для отладки и тестирования своего workflow удобно делать это на локальной машине. Показываем, как это сделать с помощью пакета act. dev.to/ken_mwa…hine-bdm
  • FrontEndDev

  • Реклама

  • FrontEndDev

    Мое первое расширение для Firefox Николас Франкель делится опытом создания расширения для автоматического добавления карточек в Trello. dev.to/nfranke…ion-21bf
  • FrontEndDev

  • FrontEndDev

    Создайте навык Алисы 💡 Алиса — виртуальный голосовой помощник. Она умеет ставить музыку, сообщать погоду, говорить шёпотом и даже заказывать продукты из магазина. И это не предел — постоянно появляются новые сценарии использования. Их может добавлять не только команда Яндекса, но и все желающие — от разработчиков до простых пользователей. Чтобы создать навык Алисы быстро и просто, используйте serverless-решения Yandex Cloud: — все необходимые компоненты и технологии в рамках одной платформы; — использование функций Cloud Functions для навыков Алисы не тарифицируется; — управление сервером, администрирование, обновление ПО и интеграцию Yandex Cloud берёт на себя; — автомасштабируемое окружение справится с любыми нагрузками, в том числе нерегулярными и непостоянными; — доступна подробная документация, пошаговые инструкции и вебинары о создании навыков Алисы в экосистеме serverless. Узнайте больше и создавайте навыки Алисы с помощью serverless-решений ➡️
  • FrontEndDev

    Руководство по отзывчивому дизайну в 2023 и далее О том, почему отзывчивый дизайн это не просто версии для декстопа и мобилки и какие задачи решать, чтобы сделать приложение действительно отзывчивым. https://ishadeed.com/article/responsive-design
  • FrontEndDev

    Эксперимент с новым синтаксисом для создания SVG через CSS yuanchuan.dev/experim…rite-svg Поиграться и поэкспериментировать самому можно тут
  • FrontEndDev

  • FrontEndDev

    Динамические ключи в TS Дмитрий Павлутин рассказывает, как использовать структуры с динамическими ключами и чем они отличаются от Record. dmitripavlutin.com/typescr…gnatures
  • FrontEndDev

    React 3D анимация на ThreeJS и GSAP Туториал по анимированию сайта и отображению 3D моделей https://youtu.be/IyBhFma4H1A
    React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP

    Learn how to build a 3D animation in React, using technologies such as WebGi (powered by Three.js) and GSAP. First, we will learn how to find 3D models and display them on your website using WebGi. Then, we'll use React and GSAP to make a 3D animation of that model. Next we'll learn how to optimize 3D animations in React for mobile devices. Finally, we'll build this website for production and upload. ✏️ Course created by @CodewithSloba 🔗 Final website: https://sloba-3d-animation-iphone.netlify.app/ 🔗 Starter project: https://github.com/bobangajicsm/iphone-3d-website-starter 🔗 For full source code check https://patreon.com/CodewithSloba 🔗 Webgi SDK https://webgi.xyz/docs/index.html 🔗 3D model credit Reaper3D: https://sketchfab.com/3d-models/iphone-13-pro-max-4f92b60d824a42c89bbf1833374c4f73 🔗 Upload to https://www.netlify.com/ ⭐️ Chapters ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:27) Project setup ⌨️ (0:07:12) Building website navigation ⌨️ (0:15:02) Building jumbotron ⌨️ (0:21:42) Building sound section ⌨️ (0:29:27) Building display section ⌨️ (0:33:27) How to find and load 3D models ⌨️ (0:36:55) Building WebGi viewer component ⌨️ (0:53:17) Animating 3D model with GSAP scroll animation ⌨️ (1:13:42) Implementing 3D model preview mode ⌨️ (1:32:27) Optimizing 3D animation for mobile phones ⌨️ (1:43:31) Building production-ready website and uploading ⌨️ (1:45:07) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

    YouTube
  • FrontEndDev

    Визуализация данных с помощью Unovis Создаем проект и рисуем графики, чарты и строим графы с библиотекой Unovis. blog.logrocket.com/explori…n-unovis
  • FrontEndDev

    😀Встраивание WebGL в HTML-страницу с помощью Three.JS В данной статье мы рассмотрим совмещение WebGL‑анимации с прокруткой страницы HTML, используя библиотеку Three.js. habr.com/ru/comp…g/721912
  • FrontEndDev

    Примеры использования Trig.JS Trig.JS — небольшая библиотека, которая позволяет делать анимации, реагирующие на скролл. https://idev-games.github.io/Trig-JS-Examples/
  • FrontEndDev

  • Реклама

  • FrontEndDev

  • FrontEndDev

  • FrontEndDev

    Создаем CSS разметку в стиле masonry Туториал, включающий несколько способов создания разметки, один из которых с использованием экспериментальных фич CSS. dev.to/logrock…uts-50b7