FrontEndDev

WebAssembly Александр Коротаев рассказывает как и для чего можно использовать WebAssembly и можно ли писать WebAssembly на TypeScript. https://www.youtube.com/watch?v=jphCxcOJoAk

Введение в CSS Grid для новичков Основы Grid разметки с простыми примерами использования. https://www.sitepoint.com/introduction-css-grid-layout-module/

Тестирование приложение с Cypress Большое туториал по e2e тестированию с Cypress https://www.youtube.com/watch?v=u8vMu7viCm8

Запись шагов через DevTools Короткое видео о том, как записать и пошарить шаги какой либо фичи вашего приложения. https://www.youtube.com/watch?v=rMUayh1QPYs

CSS и доступность Подстраиваем стиль приложения под предпочтения пользователя. О медиа фичах и их статусе внедрения, которые помогут сделать ваше приложение более доступным. https://www.smashingmagazine.com/2023/08/css-accessibility-inclusion-user-choice/

#ruvds_статьи #javascript Явное управление ресурсами: пробуем новую фичу JavaScript и TypeScript ⭐️⭐️◽️◽️◽️ 📖Читать

Front-end. Вопросы на собеседовании Разбор вопросов про ФП и ООП, Gitflow, DI, агрегацию и композицию. https://www.youtube.com/watch?v=hJDqYohmzL8&

Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке. Изучаем базу за 14 дней — всего за 990 рублей! 🗓 Начинаем 10 августа. Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком. Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником. 🔜 Запишитесь прямо сейчас!

CSS Masking Большой разбор работы с CSS масками. https://blog.codepen.io/2023/07/31/chris-corner-clever-css-ideas-explanations/

CSS GridGarden Игра, которая пошагово рассказывает о том, как работать с CSS Grid. 28 уровней, которые сделают из тебя знатока гридов ☺️ https://cssgridgarden.com/#ru

Друзья! Собрали советы от старшего исследователя MTS AI Аммара Али, выигравшего семь конкурсов по искусственному интеллекту, организаторами которых были Google, NASA, AI Journey.  Итак, если вы хотите побеждать в международных соревнованиях по ИИ, вам нужно: 1. выбрать направление, в котором мы чувствуете себя увереннее всего; 2. начать участвовать в соревнованиях, не бояться и не думать, что это что-то невероятно сложное; 3. превратить конкурсы в свое хобби и почувствовать драйв от турниров по ИИ; 4. подавать заявку как можно раньше, чтобы больше времени было на подготовку;  5. совершенствовать свое решение каждый день понемногу - так больше шансов, что к финалу подачи заявки вы будете одними из лучших. Если хотите участвовать в соревнованиях по ИИ, готовить статьи для крупнейших научных изданий, приходите работать в MTS AI. У нас есть целый отдел фундаментальных исследований и еще крутые позиции для разработчиков. Вакансии смотрите по ссылке.

Flexer Визуальный CSS Flexbox конфигуратор. Отличный способ разобраться с flexbox для начинающих. https://www.flexer.dev/

Воссоздаем Youtube Ambient Mode эффект Туториал по реализации эффекта светящейся рамки для видео. https://smashingmagazine.com/2023/07/recreating-youtube-ambient-mode-glow-effect/

Лучшие практики по созданию форм логина и регистрации Несколько советов о том, как создавать формы, которыми удобно пользоваться с любых устройств. https://web.dev/sign-in-form-best-practices/

Создание формы для донатов Пример реализации формы на React + Express и интеграции ее с платежной системой Stripe. https://dev.to/wra-sol/building-a-reactexpress-stripe-donation-form-2pek

Курс «Английский для разработчиков» Яндекс Практикума Для тех, кто хочет изменить свою профессиональную жизнь и работать в международной команде. Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков: ✋Стендапы. Подготовитесь обсуждать задачи, задавать вопросы и просить о помощи. 👨‍💻 Работа с заказчиками. Научитесь презентовать решения, говорить про баги и фичи. 📣 Митапы. Сможете понимать на слух доклады и выступать сами. 😎 Собеседования. Научитесь рассказывать про свой опыт, понимать вопросы и тактично переспрашивать. 👯 Неформальное общение с коллегами. Сможете рассказать о своих интересах, опыте, планах на будущее. 💻 Код-ревью. Сможете описать сделанное, дать обратную связь, тактично отстоять своё мнение. Запишитесь на бесплатную консультацию. Кураторы определят ваш уровень языка и расскажут подробнее про обучение.

Анимация изображений в grid Демо | Github https://tympanus.net/codrops/2023/07/27/grid-flow-animation/

Введение в Node.js в 2023 Достоинства и недостатки современного NodeJS, уязвимости и сферы применения в большой обзорной лекции от Тимура Шемсединова https://www.youtube.com/watch?v=mRvzgBGLVyM&ab_channel=TimurShemsedinov

Frontend interview questions Сборник вопросов и ответов с собеседований по frontend. https://www.frontendinterviewquestions.com/interview-questions/

Verdaccio Локальный приватный npm registry. Прост в запуске и использовании. https://github.com/verdaccio/verdaccio