Frontend.school() | изучаем HTML, CSS, JavaScript вместе!

Макет Figma: Decipad — интерактивный блокнотСложность: средняяСсылка на макет#figma #макетУчитесь фронтенду с нами — подпишитесь 💻

Выполнение реального заказа на разработку дизайна и вёрстку сайтаТеория и практика — разные вещи. Если вам кажется, что вы уже всё знаете и умеете, то на практике часто оказывается не так. Нашли для вас видео, где фрилансер показывает реальное выполнение заказа в режиме реального времени.Смотрите, запоминайте и делайте выводы:https://youtu.be/ofE_sxcIQS4#видеоУчитесь фронтенду с нами — подпишитесь 💻

<div> вместо тысячи слов#кекУчитесь фронтенду с нами — подпишитесь 💻

Сегодня поговорим о спред-операторе (...) в JavaScriptСпред-оператор позволяет «разложить» массив или объект на отдельные элементы. Он используется в разных контекстах: при копировании, объединении массивов и объектов, а также при передаче аргументов в функции.Примеры:Копирование массива: const originalArray = [1, 2, 3]; const copyArray = [...originalArray]; console.log(copyArray); // [1, 2, 3] Объединение массивов: const array1 = [1, 2, 3]; const array2 = [4, 5, 6]; const combinedArray = [...array1, ...array2]; console.log(combinedArray); // [1, 2, 3, 4, 5, 6] Копирование объекта: const originalObject = { a: 1, b: 2 }; const copyObject = { ...originalObject }; console.log(copyObject); // { a: 1, b: 2 } Объединение объектов: const object1 = { a: 1, b: 2 }; const object2 = { c: 3, d: 4 }; const combinedObject = { ...object1, ...object2 }; console.log(combinedObject); // { a: 1, b: 2, c: 3, d: 4 } Преимущества:— упрощает операции с массивами и объектами;— делает код более читабельным;— помогает избежать мутаций и побочных эффектов.Теперь, когда вы знаете, как использовать спред-оператор, ваш код станет ещё более элегантным и эффективным!#урок #javascriptУчитесь фронтенду с нами — подпишитесь 💻

Ищем шрифты для сайта как настоящие ниндзяFonts Ninja — это полезный инструмент, который поможет вам подобрать идеальный шрифт для вашего проекта. Он может определять шрифты на сайтах, сохранять их в закладки, а также подсказать, где взять такой шрифт и является ли он платным.Fonts Ninja#инструментыУчитесь фронтенду с нами — подпишитесь 💻

Главное, что видит пользователь#кек

8 советов, которые сделают JavaScript-код чищеЕсли у вас много сложного кода и вы не работаете над его очисткой, вам будет очень сложно его поддерживать. Если вы изначально пишите код, не задумываясь о том, как его поддерживать дальше, вам будет очень сложно.Вот 8 советов, которые сделают JavaScript-код более читабельным и чистым, упростив работу с ним в будущем:https://nuancesprog.ru/p/19910/#статья #javascriptУчитесь фронтенду с нами — подпишитесь 💻

Что делает директива "use strict" в JavaScript"use strict" — это способ включить строгий режим в коде JavaScript. Он помогает сделать ваш код более безопасным и чистым, выявляя ошибки, которые в обычном режиме могли бы быть незаметны.Пример:"use strict";var x = 1;delete x; // Ошибка: нельзя удалить объявленную переменнуюfunction test() { y = 2; // Ошибка: "y" не объявлена}test();Без строгого режима такие ошибки могли бы остаться незамеченными и привести к неожиданным проблемам в коде.Как включить строгий режим:— в начале файла: "use strict";— в пределах функции: function myFunction() { "use strict"; /* код */ }Использовать строгий режим рекомендуется всегда, чтобы ваш код был безопаснее и поддерживал лучшие практики.#урок #javascriptУчитесь фронтенду с нами — подпишитесь 💻

24 CSS-проекта за два с половиной часаВ этом видео собраны 24 задания, на протяжении которых вы будете воссоздавать компоненты и макеты из популярных приложений, таких как GitHub, CodePen и других. Вы также создадите анимацию загрузки, индикаторы выполнения, карточки и многое другое, используя чистый CSS.Смотрим тут:https://youtu.be/TzuWIHGFKCQ#видео #css #туториалУчитесь фронтенду с нами — подпишитесь 💻

Макеты Figma: Сайт для доступа к нейросетямСложность: высокаяСсылка на макет#figma #макетУчитесь фронтенду с нами — подпишитесь 💻