💡 Перебор массива с помощью метода forEach()

Метод forEach() перебирает все элементы массива и совершает с каждым одно действие.

Например:

var a = [1, 2, 3];
a.forEach(el => console.log(el));

Метод forEach() перебирает все элементы и выводит их по очереди в консоль.

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

Redwood за 100 секунд

RedwoodJS — это полнофункциональная среда JavaScript, которая сочетает в себе мощь React, GraphQL и Prisma в одном пакете. Он используется для создания бессерверных веб-приложений с реляционной базой данных SQL для уровня хранения.

📺 YouTube

WebDEV #видео #Redwood #js

🛠 Golden Ratio Typography Calculator — генерация оптимального размера шрифта на основе золотого сечения.

WebDEV #инструменты #font

🔥 Лучшее на канале за неделю

1. Redwood за 100 секунд.

2. Golden Ratio Typography Calculator — генерация оптимального размера шрифта на основе золотого сечения.

3. Перебор массива с помощью метода forEach().

💡 Перебор массива с использованием оператора for...of

Метод for…of перебирает все элементы массива по их значению.

Например:

let a = [1, 2, 3];
for (let v of a) {
  console.log(v)
};

Метод for…of перебирает все элементы и выводит их по очереди в консоль.

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

📖 Web Development for beginners
🖋 White Belt Mastery, 2020

Книга подойдет вам, если вы не знакомы ни с одним из языков программирования и хотите начать изучение веб-разработки. Автор пошагово разбирает этапы создания сайта с использованием HTML, CSS и JavaScript. В книге сравниваются разные подходы к веб-разработке и содержатся ссылки на материалы для дальнейшего обучения.

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

WebDEV #book #web

🛠 Exercism помогает достичь свободного владения 55 языками программирования. Сайт также предоставляет забавные упражнения по кодингу, которые помогут понять концепции языка.

WebDEV #инструменты

One Day Offer для фронтенд-разработчиков

25 июня Яндекс проводит One Day Offer — онлайн-встречу, на которой вы можете получить оффер от Яндекса всего за один день.

Вы JS разработчик с опытом от трех лет и хотите работать над интересными проектами в Яндексе?
Регистрируйтесь на сайте, успейте решить задачи контеста до 21 июня, а 25 июня мы встретимся на онлайн-секциях, по результатам которых лучшие участники смогут присоединиться к командам Поиска, Yandex Cloud или Директа.

Добрый день!

В одном из европейских университетов проводится исследование на тему изучения источников стресса у сотрудников управления в срере IT.

Каждый может принять участие и имеет возможность таким образом повлиять на статистику и позволить более детально изучить проблему.

По завершению исследования полученные результаты будут опубликованы.

WebDEV #test #React

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

🔥 Лучшее на канале за неделю

1. Web Development for beginners.

2. Exercism помогает достичь свободного владения 55 языками программирования.

3. Перебор массива с использованием оператора for...of.

WebDEV #test #css

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

💡 Перебор массива с использованием оператора for

Оператор перебора массива for перебирает элементы массива по его индексу.

Например:

let a = [1, 2, 3]; // инициализируем массив
for (let i = 0; i < a.length; i += 1) {
  console.log(a[i])
};

Перебор элементов массива методом for. В данном примере индексу элемента i присваивают значение 0. После каждой итерации счетчик увеличивает значение на единицу. После каждой итерации в консоль выводится значение a[i].

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

🛠 ray.so — с помощью сайта можно сделать красивые скриншоты различных участков кода. Здесь имеются также несколько тем оформления, под разные языки программирования и темный режим.

WebDEV #инструменты

💡 Метод @@iterator

Метод @@iterator перебирает все элементы массива и проверяет значение элемента массива — value и его наличие в массиве — done. Если элемент есть, то done принимает значение false. Если массив закончился и элементов больше нет, то done примет значение true. А value, в этом случае, примет значение undefined.

Например:

let a = [1, 2, 3]
let it = a[Symbol.iterator]()
console.log(it.next()) 
console.log(it.next()) 
console.log(it.next()) 
console.log(it.next())

Перебор массива с помощью Symbol.iterator().

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

💡 Подборка инструментов

▫️ JavaScript30 — 30-дневный челлендж по VanillaJS.

▫️ DrawKit — на данном ресурсе можно находить бесплатные векторные изображения для своих проектов.

▫️ Devchallenges — участвуйте в крутых испытаниях и развивайте свои навыки, создавая веб-сайты.

▫️ Meanderer — маленькая библиотека JavaScript для создания отзывчивых траекторий анимации.

▫️ frontendpractice — поднимите свои навыки во фронтенде на новый уровень, воссоздавая реальные веб-сайты.

▫️ Happy Hues — палитры отобранных цветов, которые будут уместны в определённом контексте.

WebDEV #подборка #инструменты

🔥 Лучшее на канале за неделю

1. 100+ фактов о веб-разработке, которые вы должны знать.

2. ray.so — с помощью сайта можно сделать красивые скриншоты различных участков кода.

3. Метод @@iterator.