Публикации по теме 'front-end-development'


Создайте собственное расширение для Chrome с помощью html и css
Расширение Chrome кажется загадочной технологией, пока я не посмотрел учебное видео от Брэда Трэверси. Так интересно узнавать что-то новое, связанное с Интернетом. Я следил за видео шаг за шагом. Вы получаете собственное расширение Chrome только с html и css, без Javscript, как ни странно. Github-файл Чтобы создать небольшой сайт, нам нужен файл html . структура тела состоит из двух частей: заголовка и содержимого заголовок включает логотип контент имеет четыре..

Next.js + Netlify: стратегии именования и кэширования файлов
Этот пост является частью серии о Next.js и Netlify. Первую часть вы можете прочитать здесь . Проблема со стандартной стратегией именования файлов Next.js: Next.js по умолчанию создает случайную строку из 21 символа для каждой сборки с использованием наноида . Это полезно в том смысле, что все ваши активы будут иметь один и тот же префикс в одном развертывании. Next.js сохраняет значение buildId в файле BUILD_ID в папке /.next , чтобы определить, какие файлы ресурсов следует..

Джеймс, отличная работа!
Джеймс, отличная работа! Некоторое время у меня были похожие мысли в отношении маршрутизатора и т.п., и я очень ценю то, что вы разобрали проблемы. Я немного использовал Redux First Router, и это было здорово, концептуально он так хорошо сочетается с Redux и в остальном не мешает! Единственное, что меня беспокоит, это решение не поддерживать параметры запроса. Я понимаю, что для SEO они не идеальны, но определенно есть несколько вариантов их использования в Интернете. Например,..

Не начинайте с React
Если вы только начинаете заниматься веб-разработкой, заманчиво изучить наиболее используемые технологии как можно раньше. Все больше и больше младших разработчиков инвестируют в React посредством самообучения или учебных курсов по программированию. Проблема? Хотя React — отличный выбор для создания многих типов приложений, важно понимать, что существуют альтернативы. Что еще более важно, React существует для решения ряда проблем, с которыми сталкиваются разработчики. Сначала..

Создание приложения Todo на ванильном JavaScript от начала до конца | EP 2: Добавление элементов пользовательского интерфейса
Создание приложения Todo на ванильном JavaScript от начала до конца | EP 2: Добавление элементов пользовательского интерфейса Это сообщение было впервые опубликовано на CodingTheSmartWay.com . Подписаться на YouTube Эпизоды Эпизод 1: Введение и подготовка к проекту Эпизод 2: Добавление элементов пользовательского интерфейса Эпизод 3: Стиль приложения В первой части серии статей Создание ванильного JavaScript-приложения Todo от начала до конца мы начали..

Есть ли на вашем сайте горизонтальная полоса прокрутки? 10 способов предотвратить это
Начните использовать CSS width: 100% вместо width: 100vw и посмотрите, как «единицы окна просмотра» могут вызывать полосы прокрутки. Горизонтальные полосы прокрутки - признак «горизонтального переполнения» ваших сайтов и приложений. Давай исправим. Вот вам загадка CSS Если видимая часть документа (его область просмотра ) имеет ширину 100 vw », какова ширина 100vw ? Чтобы поместить это в CSS, width: 100vw должен быть полноэкранным, что эквивалентно width: 100% , верно?..

День 1 с ReactJS (возможно, мои 30 дней с ReactJS…)
Экосистема JavaScript довольно сильна, и я рад, что становлюсь ее частью (в приподнятом настроении). На самом деле, что еще вы хотите от языка, кроме возможности написать приложение Frontend и Backend без значительных изменений в вашем языке программирования. , как однажды процитировали в одной статье «Lingo Franca на всю стопку!», я не мог не согласиться. Однако немного предыстории: я парень, который сначала изучил фреймворк, прежде чем погрузиться в язык, я бы не рекомендовал его, я..