Frontend

Задумывались ли вы когда-нибудь, как работают эти милые небольшие расширения для браузера? Те, что блокируют рекламу, переводят страницы или напоминают вам пить воду каждый час (потому что, очевидно, мы деградировали до состояния, когда наши браузеры должны поддерживать нас в живых). Что ж, пристегните ремни, потому что сегодня мы погрузимся с головой в удивительно хаотичный мир разработки расширений для Chrome! Думайте о расширениях для Chrome как о швейцарских армейских ножах в мире браузеров — компактные, универсальные и иногда достаточно острые, чтобы порезаться, если не соблюдать осторожность....

Помните тот экзистенциальный кризис в 2016 году, когда вам нужно было выбрать между Angular, React и Vue? Пристегнитесь, потому что JavaScript Fatigue 2.0 уже здесь и он пришёл не один, а с друзьями. С запутанными названиями вроде SvelteKit, Remix, Astro, Qwik и примерно 47 различными способами отобразить простое «Hello World» на сервере. Утомление от JavaScript — это подавляющее, иногда парализующее чувство, которое испытывают разработчики из-за стремительных изменений в экосистеме JavaScript. То, что начиналось как управляемый выбор фреймворков, превратилось в многоголовое чудовище, которое заставило бы древних греческих героев плакать в свои механические клавиатуры....

Ах, Webpack — цифровой эквивалент обёртки для буррито, в которой каким-то образом помещается весь ваш холодильник. Мы все через это проходили: вы начинаете с простого index.js, и не успеете оглянуться, как отправляете 5 МБ для отображения «Hello World». Давайте закатаем рукава и превратим ваш раздутый комплект в компактную и эффективную JavaScript-машину. Искусство фэншуя комплекта Дрожание дерева: уже не только для бонсай Современный Webpack (v5+) имеет встроенное дрожание дерева, но оно примерно так же незаметно, как бензопила в библиотеке....

Представь: ты создал великолепный веб-сайт, который выглядит как картина Моне, совмещённая с неоновой вывеской в стиле киберпанк. Но если программа чтения с экрана ориентируется на нём, как GPS в кукурузном лабиринте, ты только что создал цифровое абстрактное искусство. Давай превратим этот опыт в духе Пикассо в маленькое счастливое дерево Боба Росса, на которое сможет залезть каждый. 1. Семантическая HTML-разметка: каркас твоего доступного дома <!-- Плохо: Div-суп à la mode --> <div class="button-like-element" onclick="doStuff()">Нажми на меня, может быть</div> <!...

Итак, вы хотите создавать веб-приложения, которые не просто работают, а летят в браузерах? Позвольте мне познакомить вас с Dart — это «братом по кофеину» JavaScript, который Flutter Web использует для создания более плавного взаимодействия, чем искусство латте бариста. Мы пропустим теоретические рассуждения и сразу перейдём к практическим аспектам. В конце концов, вы будете собирать веб-приложения быстрее, чем я выпиваю чашку кофе во время сеансов отладки. От новичка до героя Dart за 3 акта Акт I: сверхспособности Dart (которые хотелось бы иметь JavaScript) Dart подобен более крутому кузену TypeScript, который занимается паркуром....