Category : javascript

javascript
Роадмэп по современному фронтенду от KTS

Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass.Перед одним из потоков курса «Начинающий React-разработчик» мы провели вебинар, на котором рассказали, что из себя представляет современный фронтенд и какие знания нужны для востребованности на рынке труда. После вебинара мы решили написать цельный план развития во фронтенде.Пункты развития для роадмэпа мы выбирали исходя из нашего опыта. Последовательность изучения этих тем не является твёрдой, так как у каждого…

  • пятница, 15 декабря 2023 г. в 00:00:15
javascript
Эмуляция бэкенда: как разрабатывать изолированный фронтенд с помощью Mock Service Worker

Всем привет! Сегодня я хочу рассказать о Mock Service Worker — технологии, которая позволяет эмулировать поведение бэкенда в ситуациях, когда по каким-то причинам невозможно использовать реальный бэкенд для полноценной разработки фронтенда, а также когда необходимо изолированно протестировать различные пользовательские сценарии.Эта технология подойдёт в следующих случаях:если в вашей команде фронтенд должен разрабатываться параллельно или даже раньше, чем бэкенд на основе контрактов или специф…

  • четверг, 14 декабря 2023 г. в 00:00:16
javascript
Vue state management: Pinia stores или composables с глобальные рефами?

На Reddit прошла интересная дискуссия с 25К+ просмотрами по вопросу предпочтений разработчиков при необходимости управлять глобальным состоянием во Vue 3. Ниже её итоги.Reddit подводит итоги года по частоте посещения /r/vuejs из разных стран мираВопрос автором был поставлен так: Зачем использовать Pinia вместо глобальных ref's?В своих проектах я использую composable функции с глобальным состоянием, как описано в документации Vue.Каждая функция представляет собой объект бизнес-логики - напр…

  • четверг, 14 декабря 2023 г. в 00:00:16
javascript
Сообщаются ли ваши тесты?

Чтобы быстро продвигаться в рабочих задачах, необходимо иметь уверенность в том, что можно вносить изменения.А уверенность в изменениях зависит от тестового покрытия.С тех пор как мы это поняли, автоматические тесты стали просто необходимы. Это привело к массовому внедрению шаблонов для старта работы.Однако начать работу недостаточно.Будьте осторожны у края платформы (изображение отсюда)Что плохого в шаблонах для старта работы?Большинство ресурсов/инструментов можно довольно быстро начать испо…

  • четверг, 14 декабря 2023 г. в 00:00:15
javascript
Наводим порядок в конфигах Webpack

Всем привет. Меня зовут Евгений Чернышев, и я возглавляю фронтенд-разработку в одном из направлений деятельности Домклик. Хочу поделиться своими мыслями о том, как управлять сложными конфигурациями Webpack. Сразу «проведу черту», чтобы предотвратить возможные холивары: сравнение Webpack с другими бандлерами (Rollup, Vite и прочими) выходит за рамки статьи.Де-факто, Webpack является основным сборщиком фронтенд-проектов. Это зрелый продукт, который до сих пор развивается и повсеместно использует…

  • среда, 13 декабря 2023 г. в 00:00:14
javascript
После прочтения применить, или Чистый код на практике

Начинающие разработчики часто встречают на ревью пул-реквестов очень дотошных ревьюеров, дающих кучу комментариев по теме чистоты кода. Меня зовут Мария Кондаурова, я фронтенд-разработчик в департаменте вычислительной биологии в BIOCAD. И у меня есть свои мысли на тему чистого кода и рефакторинга. Со временем у разработчика опытным путём или с чтением хорошей технической литературы нарабатывается чувство чистого кода — но что делать новичкам? В этой статье я не буду долго мучить теорией про чи…

  • среда, 13 декабря 2023 г. в 00:00:13
javascript
Вам не нужен для этого JavaScript

Прошу вас не возмущаться названием статьи. Я не ненавижу JavaScript, я люблю его. Ежедневно я пишу на нём кучу кода. Но ещё я люблю CSS и даже люблю JSX HTML. Я люблю все эти три технологии по причине, которая называется… ▍ Правило наименьших полномочий Это один из базовых принципов веб-разработки, означающий, что следует выбирать наименее мощный язык, подходящий для решения задачи. В случае веба это означает, что нужно по возможности выбирать HTML вместо CSS, а затем CSS вместо JS. JS — са…

  • вторник, 12 декабря 2023 г. в 00:00:17
javascript
Переменные окружения в Node.js: полное руководство

В этой статье мы рассмотрим переменные окружения (environment variables). По сути, это пары ключ-значение набора данных, которые хранятся на уровне операционной системы.В этой статье мы узнаем о переменных окружения в Node.js с примерами. Содержание:Что такое переменные окруженияПочему переменные окружения важныНеобходимые условия для проектаУстановка Node.js и настройка нового проектаИнициализация первой переменной окружения в Node.jsПеременные окружения при вызове API / асинхронные задачиПер…

  • вторник, 12 декабря 2023 г. в 00:00:17
javascript
История создания Оптимизатора для ПК: Nuxt.js, Electron и C++ в Одном Проекте

GitHubtgКак мне пришла эта идеяНа уроке обществознания предложили создать бизнес-план своего проекта. Я начал думать, что я буду описывать. Можно было сделать только план, но я решил сделать целый проект. Тогда, все что я умел программировать - это telegram боты на aiogram и telebot. И в голову пришла идея сделать приложение на PyQt6 и telegram бот для покупки подписок.Первые попыткиЯ пробовал использовать tkinter, все было ок, но дизайн выходил скучным и не было полной поддержки javascript вс…

  • понедельник, 11 декабря 2023 г. в 00:00:11