front_end_dev | Technologies

Telegram-канал front_end_dev - FrontEndDev

29695

🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu № 4850240725

Subscribe to a channel

FrontEndDev

patch-package

Инструмент, позволяющий пропатчить код библиотек из node_modules (когда другие варианты уже невозможны), сделать патч изменений и применять его на postinstall.

https://www.npmjs.com/package/patch-package

Читать полностью…

FrontEndDev

Микро-фронтенд

Краткий курс для тех, кто не работал с микро-фронтами.

https://www.youtube.com/watch?v=lKKsjpH09dU&ab_channel=freeCodeCamp.org

Читать полностью…

FrontEndDev

Ищете работу frontend-разработчиком, но боитесь, что вам не хватит опыта и вы провалите собеседование?

Приходите на открытое собеседование на позицию junior+ frontend-разработчика в прямом эфире 16 августа в 19.00.

На собеседовании будут вопросы по HTML, CSS, JS и будут даны пару задач на решение. Вы увидите, как проводятся настоящие собеседования, поймёте, к чему нужно быть готовым, а в конце сможете задать вопросы и получить рекомендации.

Ведущие:
▪️Дмитрий Безуглый, CTO Frogly, работал Frontend Team Lead VK и нанимал разработчиков в VK.
▪️Артур Стамбульцян, Frontend Team Lead Telegram Open Network.

Перестаньте бояться собеседований
и узнайте, как проходить их лучше!

[Зарегистрироваться]

Читать полностью…

FrontEndDev

WebAssembly

Александр Коротаев рассказывает, как и для чего можно использовать WebAssembly, и можно ли писать WebAssembly на TypeScript.

https://www.youtube.com/watch?v=jphCxcOJoAk

Читать полностью…

FrontEndDev

Тестирование приложение с Cypress

Большое туториал по e2e тестированию с Cypress

https://www.youtube.com/watch?v=u8vMu7viCm8

Читать полностью…

FrontEndDev

CSS и доступность

Подстраиваем стиль приложения под предпочтения пользователя. О медиа фичах и их статусе внедрения, которые помогут сделать ваше приложение более доступным.

https://www.smashingmagazine.com/2023/08/css-accessibility-inclusion-user-choice/

Читать полностью…

FrontEndDev

Front-end. Вопросы на собеседовании

Разбор вопросов про ФП и ООП, Gitflow, DI, агрегацию и композицию.

https://www.youtube.com/watch?v=hJDqYohmzL8&

Читать полностью…

FrontEndDev

CSS Masking

Большой гайд по работе с CSS масками.

https://blog.codepen.io/2023/07/31/chris-corner-clever-css-ideas-explanations/

Читать полностью…

FrontEndDev

Друзья! Собрали советы от старшего исследователя MTS AI Аммара Али, выигравшего семь конкурсов по искусственному интеллекту, организаторами которых были Google, NASA, AI Journey. 

Итак, если вы хотите побеждать в международных соревнованиях по ИИ, вам нужно:

1. выбрать направление, в котором мы чувствуете себя увереннее всего;
2. начать участвовать в соревнованиях, не бояться и не думать, что это что-то невероятно сложное;
3. превратить конкурсы в свое хобби и почувствовать драйв от турниров по ИИ;
4. подавать заявку как можно раньше, чтобы больше времени было на подготовку; 
5. совершенствовать свое решение каждый день понемногу - так больше шансов, что к финалу подачи заявки вы будете одними из лучших.

Если хотите участвовать в соревнованиях по ИИ, готовить статьи для крупнейших научных изданий, приходите работать в MTS AI. У нас есть целый отдел фундаментальных исследований и еще крутые позиции для разработчиков. Вакансии смотрите по ссылке.

Читать полностью…

FrontEndDev

Воссоздаем Youtube Ambient Mode эффект

Туториал по реализации эффекта светящейся рамки для видео.

https://smashingmagazine.com/2023/07/recreating-youtube-ambient-mode-glow-effect/

Читать полностью…

FrontEndDev

Создание формы для донатов

Пример реализации формы на React + Express и интеграции ее с платежной системой Stripe.

https://dev.to/wra-sol/building-a-reactexpress-stripe-donation-form-2pek

Читать полностью…

FrontEndDev

Анимация изображений в grid

Демо | Github

https://tympanus.net/codrops/2023/07/27/grid-flow-animation/

Читать полностью…

FrontEndDev

Frontend interview questions

Сборник вопросов и ответов с собеседований по frontend.

https://www.frontendinterviewquestions.com/interview-questions/

Читать полностью…

FrontEndDev

Сверстать Google

Так ли просто сверстать главную страницу Google?
Вадим Макеев раскладывает по полочкам верстку и рассказывает о тонкостях и подводных камнях в 3-х часовом видео для самых выносливых.


https://www.youtube.com/watch?v=O-2xwAaXyDs

Читать полностью…

FrontEndDev

Пишем клон Твиттер

6 часовой туториал по созданию Твиттера с NextJS и Supabase

https://www.youtube.com/watch?v=QdxUZhLHZiA&ab_channel=freeCodeCamp.org

Читать полностью…

FrontEndDev

Новые единицы измерения viewport

Статья о динамических единицах и какую проблему они решают на мобильных устройствах.

https://ishadeed.com/article/new-viewport-units/

Читать полностью…

FrontEndDev

381 выпуск Веб Стандартов

Затронули Firefox 116, новую математику в CSS, Style Queries и еще несколько тем.

https://web-standards.ru/podcast/381/

Читать полностью…

FrontEndDev

The virtual keyboard API

Новый API для виртуальной клавиатуры, который позволяет решать некоторые проблемы отображения контента на мобильных устройствах.

https://ishadeed.com/article/virtual-keyboard-api/

Читать полностью…

FrontEndDev

Введение в CSS Grid для новичков

Основы Grid разметки с простыми примерами использования.

https://www.sitepoint.com/introduction-css-grid-layout-module/

Читать полностью…

FrontEndDev

Запись шагов через DevTools

Короткое видео о том, как записать и пошарить шаги какой либо фичи вашего приложения.

https://www.youtube.com/watch?v=rMUayh1QPYs

Читать полностью…

FrontEndDev

#ruvds_статьи #javascript

Явное управление ресурсами: пробуем новую фичу JavaScript и TypeScript

⭐️⭐️◽️◽️◽️

📖Читать

Читать полностью…

FrontEndDev

Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке. Изучаем базу за 14 дней — всего за 990 рублей!

🗓 Начинаем 10 августа.

Даем:
72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком.

Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником.

🔜 Запишитесь прямо сейчас!

Читать полностью…

FrontEndDev

CSS GridGarden

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

https://cssgridgarden.com/#ru

Читать полностью…

FrontEndDev

Flexer

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

https://www.flexer.dev/

Читать полностью…

FrontEndDev

Лучшие практики по созданию форм логина и регистрации

Несколько советов о том, как создавать формы, которыми удобно пользоваться с любых устройств.

https://web.dev/sign-in-form-best-practices/

Читать полностью…

FrontEndDev

Курс «Английский для разработчиков» Яндекс Практикума

Для тех, кто хочет изменить свою профессиональную жизнь и работать в международной команде.

Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков:

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

Запишитесь на бесплатную консультацию. Кураторы определят ваш уровень языка и расскажут подробнее про обучение.

Читать полностью…

FrontEndDev

Введение в Node.js в 2023

Достоинства и недостатки современного NodeJS, уязвимости и сферы применения в большой обзорной лекции от Тимура Шемсединова

https://www.youtube.com/watch?v=mRvzgBGLVyM&ab_channel=TimurShemsedinov

Читать полностью…

FrontEndDev

Verdaccio

Локальный приватный npm registry. Прост в запуске и использовании.

https://github.com/verdaccio/verdaccio

Читать полностью…

FrontEndDev

Как я стал фронтендером

1. Смотрел уроки на ютубе
2. Делал портфолио на гитхаб
3. Начал читать Frontend || Vollex

Frontend Vollex
выжимает воду из курсов, книг, видеоуроков и заботливо делится самым главным. Гайды, готовый код, тесты и никакой копипасты.

Вы знаете, что делать: @vollex_frontend

Читать полностью…

FrontEndDev

А происходит ли всплытие переменных, объявленных через let и const?

Да, но есть один нюанс.

https://www.freecodecamp.org/news/javascript-let-and-const-hoisting/

Читать полностью…
Subscribe to a channel