Публикации по теме 'web-development'
Интересный способ научить HTML
Очки X-Ray Goggles позволяют новичкам заглянуть за завесу Интернета
Как лучше всего познакомить с HTML начинающего - студента, ребенка или друга?
Есть много вариантов. Вы можете посмотреть мгновенное видео на Khan Academy. Вы можете поиграть со «скрипкой» HTML (сайтом, который позволяет вам писать и предварительно просматривать фрагменты разметки). Или вы можете воспользоваться классическим подходом - добавить разметку в обычный текстовый файл и загрузить его в браузере.
Возможно,..
С помощью этого совета пишите лучшие компоненты внешнего интерфейса
Компоненты - это основные строительные блоки, используемые в современных интерфейсных фреймворках, таких как React, Vue и Svelte. Хорошо написанные компоненты могут улучшить общую структуру вашего приложения и сделать его чистым и поддерживаемым.
Вероятно, вы слышали о паттерне презентационные и контейнерные компоненты . В некоторых случаях этот шаблон может оказаться полезным, но не всегда. Я использовал этот паттерн на протяжении всего сложного проекта, и в итоге у меня получилось..
Расширенный интерфейс командной строки: команды, которые вы должны знать как разработчик
Расширенные команды; делать больше
Нет, в этой статье мы не будем рассматривать основные команды, такие как ls , rm и cd . Вы не должны быть шокированы, увидев эти команды. Возможно, вы даже хорошо с ними знакомы. Особенно, если вы хорошо разбираетесь в командной строке. Я предполагаю, что вы по крайней мере работали (или пытались работать) в командной строке раньше. Если вы никогда раньше не работали с командной строкой, я предлагаю вам начать с чтения основ.
Эта статья..
Отладка TypeScript из VSCode
Запустить .ts файл из VSCode, подключить отладчик.
TL; DR: вот как это выглядит
VSCode launch.json конфигурация
Вот как это сделать:
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch current file w/ ts-node",
"protocol": "inspector",
"args": ["${relativeFile}"],..
Пользовательский интерфейс материала - настройка текстового поля
Material UI - это библиотека материального дизайна, созданная для React.
Это набор компонентов React со стилями материального дизайна.
В этой статье мы рассмотрим, как добавить текстовые поля с помощью пользовательского интерфейса материала.
Размеры
Мы можем изменить размер текстового поля с помощью свойства size .
Например, мы можем написать:
import React from "react";
import TextField from " @material -ui/core/TextField";
export default function App() {
return (..
Начало работы с тестированием приложений Vue 3
Поскольку приложения становятся более сложными, чем когда-либо, важно тестировать их автоматически. Мы можем сделать это с помощью модульных тестов, и тогда нам не придется все тестировать вручную.
В этой статье мы рассмотрим, как тестировать приложения Vue 3, написав простое приложение и протестировав его.
Начало работы с тестированием
Мы можем начать тестирование, создав проект с помощью Vue CLI.
Мы добавляем опцию «модульное тестирование» при создании проекта.
Затем будут..
Next.js SSR против SSG и инкрементализма
Часть 2
В моем последнем посте я рассмотрел некоторые основы рендеринга на стороне клиента (CSR) и рендеринга на стороне сервера (SSR). Проверьте это здесь, если вы не знакомы:
Next.js SSR против SSG и инкрементализма Часть 1 medium.com
Create React App был примером приложения CSR, а Next.js был введением в мир SSR. Как уже отмечалось, Next.js выводит весь рендеринг на сервере на новый уровень с множеством опций, поэтому в..
