JavaScript заметки

Это Чак и у него есть свободное время, чтобы как следует отдохнуть. А все потому что Чак подписался на канал Плагины VSC и теперь у него в распоряжении самые эффективные инструменты. Благодаря которым он сэкономил 70% своего времени и повысил продуктивность. #VisualStudioCode Будь как Чак, подпишись на канал и займись любимым делом 👇🏻

Несколько операторов "?" Последовательность операторов вопросительного знака ? позволяет вернуть значение, которое зависит от более чем одного условия. Поначалу может быть сложно понять, что происходит. Но при ближайшем рассмотрении мы видим, что это обычная последовательная проверка. #условное_ветвление #условный_оператор_?

Изучаешь мир frontend и все кажется слишком сложным? Не знаешь, за что хвататься? Расслабься, все уже придумано за тебя. @for_web_devs - канал, на котором собрано много интересного из мира веб-разработки. Хочешь узнать, какие факторы влияют на скорость загрузки сайта? А как правильно выстроить изучение JS? Может тебе нужны полезные генераторы или примеры готового кода? Все это есть на канале @for_web_devs. Переходи по ссылке и подписывайся, чтобы ничего не пропустить 😉

String Строка (string) в JavaScript должна быть заключена в кавычки. В JavaScript существует три типа кавычек. Двойные кавычки: "Привет". Одинарные кавычки: 'Привет'. Обратные кавычки: `Привет`. Двойные или одинарные кавычки являются «простыми», между ними нет разницы в JavaScript. Обратные же кавычки имеют расширенную функциональность. Они позволяют встраивать выражения в строку, заключая их в ${…}. #string #типы_данных

Функции-стрелки Существует простой и краткий синтаксис для создания функций, который часто лучше, чем синтаксис Function Expression. Он называется «функции-стрелки» или «стрелочные функции» (arrow functions) На картинке выше (a, b) => a + b задаёт функцию с двумя аргументами a и b, которая при запуске вычисляет выражение справа a + b и возвращает его результат. #function #функции_стрелки

​​Зачем изобретать велосипед? Зачем изобретать велосипед. Весь код уже написан, нужно лишь найти готовое решение и применить в проекте, именно такие решения ты тут и найдешь - Это девиз канала Велосипед для программиста. Канал ведёт программист со стажем более 4 лет. Каждый день на канале новые посты с готовым кодом, который можно использовать в проекте. Например: Pricing Card - готовые карточки с выбором ценового плана на год или месяц. Cart button - анимация кнопки добавления товара в корзину. Mini Music Player - интерфейс музыкального плеера с готовым функционалом на VueJS. Подпишись, чтобы ускорить свою работу в разы

Инструкция if Инструкция if(...) вычисляет условие в скобках и, если результат true, то выполняет блок кода. Если мы хотим выполнить более одной инструкции, то нужно заключить блок кода в фигурные скобки. Рекомендовано использовать фигурные скобки {} всегда, когда вы используете инструкцию if, даже если выполняется только одна команда. Это улучшает читабельность кода. #условное_ветвление #инструкция_if

Хорошие разработчики зарабатывают больше! Павел — принципал инженер в крупнейшем в Европе каршеринге. 15+ лет опыта в IT, работал в е-коммерсе, в финтехе, сейчас в каршеринге в 🇩🇪 Германии. Недавно он завел канал, где рассказывает о том, что знают хорошие разработчики. Пишет про хард скиллы, софт скиллы, рассказывает истории. Например, пост про то как хакер украл более 10.000€. Если хочешь выделяться на рынке и зарабатывать больше — подписывайся на @gooddevknows.

Дата и время Встречайте новый встроенный объект: Date. Он содержит дату и время, а также предоставляет методы управления ими. Например, его можно использовать для хранения времени создания/изменения, для измерения времени или просто для вывода текущей даты. Для создания нового объекта Date нужно вызвать конструктор new Date() с одним из следующих аргументов: - new Date() Без аргументов – создать объект Date с текущими датой и временем.  - new Date(milliseconds) Создать объект Date с временем, равным количеству миллисекунд (тысячная доля секунды), прошедших с 1 января 1970 года UTC+0. #date #типы_данных

JSON Это текстовый формат представления данных в нотации объекта JavaScript.  Предназначен JSON, также как и некоторые другие форматы такие как XML и YAML, для обмена данными. В JavaScript JSON очень часто применяется в качестве формата для передачи информации от веб-сервера клиенту (веб-браузеру) при AJAX запросе. Основные методы:  - JSON.parse() Разбирает строку JSON, возможно с преобразованием получаемого значения и его свойств и возвращает разобранное значение.  - JSON.stringify() Возвращает строку JSON, соответствующую указанному значению, возможно с включением только определённых свойств или с заменой значений свойств определяемым пользователем способом. #JSON #типы_данных

Фронтенд-разработка – это легко? Да! Если при разработке проекта использовать полезные сервисы, инструменты и готовые решения. Помощник фронта - этот канал выкладывает самые полезные ссылки, обзоры и подборки по веб-разработке. Подписывайся и облегчи своё обучение.👇

Объекты Объекты используются для хранения коллекций различных значений и более сложных сущностей.  В JavaScript объекты используются очень часто, это одна из основ языка. Объект может быть создан с помощью фигурных скобок {…} с необязательным списком свойств.  Свойство – это пара «ключ: значение», где ключ – это строка (также называемая «именем свойства»), а значение может быть чем угодно. На картинке выше создан объект user, где находятся два свойства: - Первое свойство с именем "name" и значением "John" - Второе свойство с именем "age" и значением 30. Можно сказать, что наш объект user – это ящик с двумя папками, подписанными «name» и «age». #типы_данных #objects

Хочешь постоянно практиковаться в решении задач и получать подробное объяснение? Тогда подписывайся на JavaScript | Тесты для проверки знаний! Здесь ты найдешь огромное количество задач по JS с подробными объяснениями! Идеально подойдёт для тех разработчиков, которые хотят постоянно улучшать свои знания и развиваться вширь. Можно почитать пока компилируется проект :) Переходи и развивайся ежедневно! 👇

Объекты Объекты используются для хранения коллекций различных значений и более сложных сущностей.  В JavaScript объекты используются очень часто, это одна из основ языка. Объект может быть создан с помощью фигурных скобок {…} с необязательным списком свойств.  Свойство – это пара «ключ: значение», где ключ – это строка (также называемая «именем свойства»), а значение может быть чем угодно. На картинке выше создан объект user, где находятся два свойства: - Первое свойство с именем "name" и значением "John" - Второе свойство с именем "age" и значением 30. Можно сказать, что наш объект user – это ящик с двумя папками, подписанными «name» и «age». #типы_данных #objects

ES6 ECMAScript 2015, также известный как ES6, является фундаментальной версией стандарта ECMAScript. ES6 привнёс ряд фундаментальных изменений в язык, которые стали его неотъемлемой частью. Что принёс с собой этот стандарт: - стрелочные функции - новая область this - let и const - промисы - generators - классы - конструктор и ещё многое-многое другое Как вы могли заметить, практически все крутые фишки, которые используются повсеместно привнёс ES6. А чтобы писать на крутом синтаксисе со скоростью света, вы можете установить плагин (ES6) сode snippets на свой редактор кода VS Code. #ES6 #ECMAScript

Мечтаешь быть фронтенд разработчиком, а может ты уже им работаешь? Тогда тебе это будет интересно! Автор блога Душный разраб🤓 рассказывает, как прошел свой путь:   👉 Как проходят его будни? - читать  👉 Как он учится, меняет места работы? и т.д. - читать  👉 Дает советы по обучению в профессии фронтенд разработчика - читать Подпишись - если хочешь прокачаться в профессии и кайфовать от своего дела

Конструкция "switch" Конструкция switch заменяет собой сразу несколько if. Она имеет один или более блок case и необязательный блок default. Переменная x проверяется на строгое равенство первому значению value1, затем второму value2 и так далее. Если соответствие установлено – switch начинает выполняться от соответствующей директивы case и далее, до ближайшего break (или до конца switch). Если ни один case не совпал – выполняется (если есть) вариант default. #конструкция_switch #синтаксис

Устал от дорогих курсов? Не получается устроиться на работу? Канал За Фронтенд поможет тебе. В нем находится информация с курсов стоимостью 50 000 - 100 000 Р, а также много полезного материала от опытных разработчиков, и все это в удобном формате, простыми, понятными словами абсолютно бесплатно. Хочешь развиваться и не стоять на месте, то скорее подписывайся - @za_frontend

Массивы Довольно часто мы понимаем, что нам необходима упорядоченная коллекция данных, в которой присутствуют 1-й, 2-й, 3-й элементы и т.д. Например, она понадобится нам для хранения списка чего-либо: пользователей, товаров, элементов HTML и т.д. В этом случае использовать объект неудобно, так как он не предоставляет методов управления порядком элементов. Мы не можем вставить новое свойство «между» уже существующими. Объекты просто не предназначены для этих целей. Для хранения упорядоченных коллекций существует особая структура данных, которая называется массив, Array. Чтобы создать массив можно воспользоваться оператором new или просто поставить квадратные скобки. #массивы #array

Думаешь как улучшить написание кода? А думать и не надо, в Tool Of Life давно все за тебя придумали! Здесь собраны самые полезные онлайн-инструменты 🛠️, которые помогут прокачать навыки и ускорить твою верстку. Начни уже прямо сейчас и результат увидишь уже через пару дней👇🏻