💡 Метод new Array()

Массив можно задать методом new Array().

Например:

let arr = new Array("Кастрюля", "Сковородка", "Ложка");
console.log(arr); // Array(3) ['Кастрюля', 'Сковородка', 'Ложка']

Инициализация массива методом new Array().

Продолжение следует...

WebDEV #советы #coding #js

💡 Метод new Array()

... Но при этом, если массив будет состоять из одного числового элемента, то его элементы будут undefined.

Например:

let arr = new Array(2);
console.log(arr[0]); //undefined

Чтобы такого не было при инициализации массива лучше пользоваться квадратными скобками:

let arr = [];

WebDEV #советы #coding #js

💡 Многомерные массивы

Если в массив a мы поместим массив a1,a2…an, то получим многомерный массив.

Он может выглядеть так:

let a = [[1,2,3],[4,5,6],[7,8,9]];

В многомерных массивах можно обращаться как к отдельным элементам, так и к элементам внутри элемента.

Например:

let a = [[1,2,3],[4,5,6],[7,8,9]];
let b = a[0][2]; 
//[0] — первый элемент массива с индексом 0
//[2] — третий элемент первого элемента массива
console.log(b); // 3 

WebDEV #советы #coding #js

💡 Перебрать все элементы и получить новый изменённый массив

С циклом:

let names = ["Jack", "Jecci", "Ram", "Tom"];
let upperCaseNames = [];
for (let i = 0, totalNames = names.length; i < totalNames; i = i + 1) {
  upperCaseNames[i] = names[i].toUpperCase();
}

Без цикла:

let names = ["Jack", "Jecci", "Ram", "Tom"];
let upperCaseNames = names.map(name => name.toUpperCase());

Примечание. Если вы используете map, в процессе перебора нельзя сделать break, continue или return. Но если возникает необходимость, такие случаи обычно сводятся к применению методов every или some.

WebDEV #советы #coding #js

💡 Проверить, подходит ли условию каждый элемент массива

Если использовать цикл:

let num = [1, 2, 3, 4, 5, 0];

for (let i = 0, total = num.length; i < total; i = i + 1) {
  if (i <= 0) {
    console.log("0 present in array");
  }
}

Используя every:

let num = [1, 2, 3, 4, 5, 0];

let isZeroFree = num.every(e => e > 0);

if (!isZeroFree) {
console.log("0 present in array");
}

WebDEV #советы #coding #js

WebDEV #test #js

Выберите правильный вариант 👇🏼

WebDEV #test #js

Выберите правильный вариант 👇🏼

Быстрый курс по Next.js

Next.js добавляет обычному React рендеринг на стороне сервера (SSR) и статическую генерация страниц, что сильно ускоряет работу сайта.

В этом видео автор рассказывает про SSR и создаёт небольшой проект, чтобы показать преимущества этой функции на практике.

📺 YouTube

WebDEV #видео #React #js

WebDEV #test #js

Выберите правильный вариант 👇🏼

Продвинутый Backend

Backend разработчик отвечает за сохранность и безопасную передачу ваших данных. Все эти процессы происходят на стороне сервера.

С помощью Node.js + Nest.js и PostgreSQL вы реализуете масштабируемый backend, который после зальёте с использованием docker.

📺 YouTube

WebDEV #видео #SQL #NodeJS #js

📖 Building web applications with Vue.js
🖋 Ralph Steyer, 2022

Начните работать с Vue.js быстро и легко с помощью этой книги.

Эта книга представляет собой компактное и практическое введение в популярный Vue.js. Используйте концепцию MVVC для приложений в Интернете на основе паттернов проектирования MVC и легко создавайте одностраничные веб-приложения. Вы будете использовать один из мощных фреймворков, основанный только на элементарных стандартных технологиях WWW.

С помощью этой книги вы не только изучите самые важные основы Vue.js. Вы также узнаете, как создавать и поддерживать веб-приложения с помощью этого веб-фреймворка JavaScript.

💾 Скачать книгу

WebDEV #book #Vue #js

WebDEV #test #js

Выберите правильный вариант 👇🏼

📖 Practical TensorFlow.js
🖋 Juan De Dios Santos Rivera, 2020

Разрабатывайте и внедряйте веб-приложения для глубокого обучения с помощью библиотеки TensorFlow.js. Наиболее распространенной и доступной платформой, с которой пользователи взаимодействуют каждый день, является их веб-браузер, что делает его идеальной средой для развертывания систем искусственного интеллекта. На практических примерах вы сможете применить эти знания в случаях, связанных с классификацией изображений, обработкой естественного языка, обнаружением объектов, уменьшением размерности, переводом изображений, обучением переносу и анализом временных рядов.

💾 Скачать книгу

WebDEV #book #web #js

WebDEV #test #js

Выберите правильный вариант 👇🏼

FullStack для новичков

Web делится на две части: то, что вы видите и то, что происходит на стороне сервера. FullStack умеет делать и в Frontend и в Backend.

Автор создаёт классный сайт с MongoDB, Express, React и Node.js. Также расскажет, как загрузить его на Heroku. Звучит сложно, но автор объясняет все так, что поймёт и новичок.

📺 YouTube

WebDEV #видео #React #web #NodeJS #js

WebDEV #test #js

Выберите правильный вариант 👇🏼

WebDEV #test #js

Выберите правильный вариант 👆

📖 Real-World Next.js
🖋 Michele Riva, 2022

Next.js - это масштабируемый и высокопроизводительный фреймворк поверх React.js для современной веб-разработки, предоставляющий большой набор функций, таких как гибридный рендеринг, предварительная выборка маршрутов, автоматическая оптимизация изображений и интернационализация. Если вы хотите создать блог, сайт электронной коммерции или простой веб-сайт, эта книга покажет вам, как можно использовать многоцелевой фреймворк Next.js для создания впечатляющего пользовательского опыта.

💾 Скачать книгу

WebDEV #book #React #web #js

WebDEV #test #js

Выберите правильный вариант 👆

WebDEV #test #js

Выберите правильный вариант 👇🏼