Публикации по теме 'front-end-development'
6 методов массивов, которые должен знать каждый разработчик JavaScript
Массив в JavaScript — это упорядоченный набор данных, который может содержать несколько значений одного или разных типов. Это структура данных, которая используется для хранения набора элементов в одном месте.
Массивы создаются с помощью конструктора **`Array`** или нотации квадратных скобок (**`[]`**). Например:
// Using the Array constructor
const arr1 = new Array("🍇","🍈","🍉","🍋","🍌");
// Using square brackets
const arr2 =..
Создание ванильного JS-приложения с бэкэндом node.js
В этой статье основное внимание будет уделено созданию простого ванильного приложения JavaScript, подключенного к серверу node.js. Бэкенд-часть приложения будет рассмотрена в этой статье . Процесс будет разделен на три основные части: разметка и стилизация, хранение данных и обработка данных. Для первого пункта потребуется код HTML и CSS, хотя стилизация не является большой частью этого руководства. Существует множество возможных подходов к архитектуре внешнего интерфейса и кодовым..
Лучший курс JavaScript для проектного обучения
После поиска по всему Интернету бесплатного интерактивного курса JavaScript для моего путешествия по веб-разработке я наконец остановился на Scrimba, скорее всего, на лучшей платформе для интерактивного обучения.
У всех инструкторов, включая Пера Харальда Боргена , генерального директора Scrimba, был очень инновационный и интерактивный стиль обучения. Одна вещь, которую я особенно заметил, — это поддержка студентов почти во всех скринкастах со стороны наставника, что было довольно..
Как начать проектировать интерфейсную архитектуру
Это вторая часть серии статей Переосмысление интерфейса . В этой части мы рассмотрим конкретный пример разработки относительно большого реального приложения.
Одна из проблем работы разработчика - переход от младшего к старшему. Это означает выходить за рамки реализации и начинать думать о дизайне и архитектуре.
Дизайн включает в себя два навыка: 1. создание / обнаружение / рассмотрение целей и проблем, 2. построение подходов / решений.
В этой статье мы рассмотрим некоторые из..
FCC — Делаем приложение для отчета о погоде!
Этот проект FreeCodeCamp включал создание веб-страницы для отображения погоды. Я впервые работал как с JSON, так и с API!
Вот мой готовый проект на github.io . Вы также можете легко отслеживать код здесь, в Codepen .
Вот цели проекта — кхм, «пользовательские истории».
История пользователя: я вижу погоду в моем текущем местоположении. История пользователя: я вижу другой значок или фоновое изображение (например, снежная гора, жаркая пустыня) в зависимости от погоды...
Использование оконного интерфейса браузера
Вы можете многое сделать с интерфейсом Window в браузере. По данным МДН ,
«Интерфейс Window представляет собой окно, содержащее документ DOM… Интерфейс Window содержит множество функций, пространств имен, объектов и конструкторов, которые не обязательно напрямую связаны с концепцией окна пользовательского интерфейса».
Например, предположим, что мы хотим изменить стиль для всех элементов на веб-странице, чтобы реализовать светлый/темный режим. Хотя мы могли бы пройтись по всем..
4 способа заменить «Any» в TypeScript
Замените ключевое слово any, чтобы использовать строгую типизацию
Чтобы привыкнуть к TypeScript, может потребоваться некоторое время, особенно если у вас плохо типизированный фон, такой как JavaScript.
В погоне за гибкостью простой способ - просто отказаться от борьбы и использовать ключевое слово any . И, возможно, иногда это может быть (почти) правильный выбор, но чаще всего можно избежать использования ключевого слова any и заменить его более подходящим типом.
Наша цель..