JavaScript | CMD

😯 Подсчет длины текста В данной статье автор рассказывает про подсчет длины текста. Ты узнаешь, что такое кодовые точки, графемы, селекторы начертаний. Также рассказано про модификаторы цвета и объединитель нулевой ширины. 📂 Читать | #ресерч #обучение ▬▬▬▬▬▬▬▬ // JavaScript | CMD

👩‍💻 Решение задач с JS-собеседования  Об этом никто не говорит, но это правда: если вы устраиваетесь на какую-то работу, вас всегда будет ждать очень страшное и мифическое существо, имя которому — собеседование. К счастью, поговаривают, что если к нему подготовиться, то оно вас не укусит. Проверять это на собственной шкуре мы не хотим, поэтому это видео — ваш единственный выход. В нём автор научит вас решать как минимум 16 задач по программированию на языке JavaScript со всеми необходимыми для этого подробностями. 🎞 Смотреть | #ютубчек #разработка ▬▬▬▬▬▬▬▬ // JavaScript | CMD

🔗 Подделка API Тесты и программные компоненты, которые ты хочешь протестировать, в большинстве случаев имеют зависимости. Типичной зависимостью может быть, например, внешний источник данных. Было бы непрактично вызывать настоящий API в тестовой среде или в процессе разработки. В данной статье автор демонстрирует 4 способа подделки API. 📂 Читать | #ресерч #обучение ▬▬▬▬▬▬▬▬ // JavaScript | CMD

👩‍💻 React Intersection Observer (scroll + lazy-load картинок) В этом ролике расскажут о том как правильно и неправильно проверить что любой элемент отображен в области видимости экрана. 🎞 Смотреть | #ютубчек #разработка ▬▬▬▬▬▬▬▬ // JavaScript | CMD

🔗 Внедрение зависимостей Внедрение зависимостей — это шаблон программирования, в котором зависимость передается с использованием параметров вместо ее создания в функции или классе. Он позволяет создавать изолированные отдельные компоненты в коде приложения. Это упрощает переключение зависимостей в будущем по мере изменения требований. Данная статья демонстрирует практическое применение шаблона. 📂 Читать | #ресерч #обучение ▬▬▬▬▬▬▬▬ // JavaScript | CMD

👩‍💻 Расчет временной дистанции в JavaScript Современный JavaScrtipt из коробки позволяет нам гибко высчитывать временные дистанции - в минутах, часах, днях, месяцах или годах. Разбираемся как сделать это средствами объекта Intl или с помощью библиотеки date-fns. 🎞 Смотреть | #ютубчек #разработка ▬▬▬▬▬▬▬▬ // JavaScript | CMD

🔗 Proxy Прокси — это объект, который обертывает другой объект (цель) и перехватывает основные операции целевого объекта. Основными операциями могут быть поиск свойств, присвоение, перечисление, вызовы функций и т. д. Данная статья поможет разобраться с прокси. 📂 Читать | #ресерч #обучение ▬▬▬▬▬▬▬▬ // JavaScript | CMD

👩‍💻 Frontend разработка в nvim. ESLint, Prettier, Stylelint + TypeScript + solid_js + Git pre-commit Устанавливаем и настраиваем в nvim работу с ESLint, Prettier, Stylelint, TypeScript проектом для фреймворка Solid JS (для React и Vue почти всё аналогично), а также настраиваем автоматический запуск проверок в процессе Git коммита с помощью pre-commit. 🎞 Смотреть | #ютубчек #разработка ▬▬▬▬▬▬▬▬ // JavaScript | CMD

7 дней бесплатного обучения фронтенду, которые не сделают из новичка опытного прогера и не устроят на работу… 🔥 Зато покажут, как, даже не имея опыта в программировании: 1. Сверстать качественный веб-сайт на HTML + CSS; 2. Оживить страницу с помощью JavaScript; 3. Понять фронтенд-фреймворк Angular; 4. Подключить Backend и загрузить сайт на хостинг. А главное, там можно пообщаться с экспертами и получить совет по доработке своего проекта. 👉 Смотри, пробуй Стартуем 11 июля.

⚙️ WeakSet Подобно сетам, WeakSet представляет собой набор объектов, которые уникальны друг от друга. WeakSet может хранить только объекты и не может содержать произвольные значения любого типа, такие как строки или числа. Они используют слабые ссылки. Данная статья поможет разобраться с WeakSet. 📂 Читать | #ресерч #обучение ▬▬▬▬▬▬▬▬ // JavaScript | CMD

👩‍💻 Разработка чата на ReactJS + NodeJS Как разработать свой чат на ReactJS, Redux + NodeJS, Socket.IO, MongoDB. Сделаем полноценный чат с возможностью загрузки фотографий, отправки аудиосообщений как в Telegram, VK, отправка Emoji (смайлов). Также со списком диалогов и поиска пользователей по E-Mail или имени. 🎞 Смотреть | #ютубчек #разработка ▬▬▬▬▬▬▬▬ // JavaScript | CMD

📝 Новые возможности ES13 Как и многие другие языки программирования, JavaScript постоянно развивается. С каждым годом язык становится все мощнее благодаря новым возможностям. Благодаря этой статье ты познакомишься с новыми возможностями ES13. Какое нововведение тебе больше всего понравилось? 📂 Читать | #ресерч #обучение ▬▬▬▬▬▬▬▬ // JavaScript | CMD

👩‍💻 Тестирование JavaScript от А до Я В этом ролике мы научимся тестировать JS приложения. Ознакомимся с JEST и научимся писать UNIT тесты. С помощью React testing library и jest научимся писать интеграционные тесты на react приложения в связке с react router dom и redux. Используя WebdriverIO научимся писать e2e тесты в реакт приложении. Также с помощью storybook и loki js научимся делать регрессионное тестирование UI части приложения. 🎞 Смотреть | #ютубчек #разработка ▬▬▬▬▬▬▬▬ // JavaScript | CMD

📸 Трехмерная фотогалерея В данной статьей демонстрируется создание трехмерной фотогалереи. Проект состоит из HTML-страницы, где находится карусель; CSS-файла, где настраивается внешний вид карусели в целом; скрипта на JavaScript, в котором реализована работа карусели с фотографиями. 📂 Читать | #ресерч #обучение ▬▬▬▬▬▬▬▬ // JavaScript | CMD

👩‍💻 Пишем React-приложение используя Apollo Client и GraphQL SpaceX API Пошаговое руководство по использованию GraphQL в React-приложении. За основу возьмем публичный API компании SpaceX и Apollo GraphQL Client. Разберем как автоматически генерировать TypeScript типы и хуки для компонентов и получим данные о последних запусках SpaceX и научимся обновлять информацию по интервалу. 🎞 Смотреть | #ютубчек #разработка ▬▬▬▬▬▬▬▬ // JavaScript | CMD

📗 Редактор SVG диаграмм DgrmJS — это библиотека JavaScript для создания блок-схем SVG. Основная цель библиотеки — настроить рабочие процессы в системах BPM (Business Process Management). Подробней об этой библиотеке узнаешь из статьи. 📂 Читать | #ресерч #обучение ▬▬▬▬▬▬▬▬ // JavaScript | CMD

👩‍💻 Учим CSS за 40 минут Учим CSS за 40 минут для начинающих от 10 лет (Основы с нуля) + Инструмент разработчика 🎞 Смотреть | #ютубчек #разработка ▬▬▬▬▬▬▬▬ // JavaScript | CMDа

🕰 Chrono Chrono — это парсер даты на естественном языке в Javascript. Он предназначен для обработки большинства форматов даты/времени и извлечения информации из любого заданного текста. В данной статье автор демонстрирует внедрение русского языка в Chrono. 📂 Читать | #ресерч #обучение ▬▬▬▬▬▬▬▬ // JavaScript | CMD

👩‍💻 БЫСТРЫЙ FRONTEND. Оптимизация. Как писать JAVASCRIPT эффективно? В этом ролике мы поговорим о том, как делать быстрые оптимизированные проекты на Javascript и с примерами на React. Поговорим про Webpack, redux, различные подходы и способы по улучшению производительности frontend проекта. 🎞 Смотреть | #ютубчек #разработка ▬▬▬▬▬▬▬▬ // JavaScript | CMD

Frontender's notes - самый большой канал по фронту с актуальной инфой по HTML, CSS, JS, TypeScript, React, Node.js и развитию Soft-skills, а также разборы вопросов для интервью и подборка крутых статей c опытом релокации айтишников в другие страны. Вам сюда: 👉 @frontendnoteschannel А так же небольшой канал с англоязычными статьями @frontend_international В общем добро пожаловать!