JavaScript заметки
Ir al canal en Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Mostrar más7 368
Suscriptores
-124 horas
-167 días
-5730 días
Archivo de publicaciones
7 369
Хочешь сократить время на разработку сайта?
Действующий разработчик создал канал «Фронтомания», где делится своим опытом, своими находками и лайфхаками.
Больше не придется тратить много времени на поиск нужной информации, все уже сделано за тебя 🤗
Что надо сделать для того, чтобы стать крутым разработчиком?
⬇️ Просто подписаться на канал @frontomania и узнать об этом!
7 369
Булевый (логический) тип
Булевый тип (
boolean) может принимать только два значения: true (истина) и false (ложь).
Такой тип, как правило, используется для хранения значений да/нет: true значит «да, правильно», а false значит «нет, не правильно».
#boolean #типы_данных7 369
Нужна анимация на сайт, но некогда создавать ее самостоятельно?
🚀 Тогда канал Анимируй спешит на помощь.
Анимация загрузки сайта, выпадающего меню, форм обратной связи и прочие ништяки готовы попасть на твой сайт.
Осталось только забрать готовый код и разместить на своей странице.
⬇️ Нажимай на кнопку ниже и подписывайся, чтобы не пропустить анимацию, которая бы классно смотрелась на твоем сайте.
7 369
Преобразование типов
Чаще всего операторы и функции автоматически приводят переданные им значения к нужному типу.
Например, alert автоматически преобразует любое значение к строке. Математические операторы преобразуют значения к числам.
Есть также случаи, когда нам нужно явно преобразовать значение в ожидаемый тип.
Примеры преобразование:
Строковое преобразование -
String(value)
Численное преобразование - Number(value)
Логическое преобразование - Boolean(value)
#преобразование_типов #типы_данных7 369
Используй возможности, данные, API таких гигантов, как Google, Facebook, Dropbox, Twitter и других компаний или проектов в своих сайтах и приложениях!
@found_that_api — это канал, где каждый разработчик найдёт подходящие для себя интерфейсы, собранные с просторов интернета.
🔹посты выходят каждый день с #тегами для лёгкого поиска и сортировки материала
🔹в каждом посте добавлена ссылка на API
7 369
Цикл «do…while»
Проверку условия можно разместить под телом цикла, используя специальный синтаксис
do..while
Цикл сначала выполнит тело, а затем проверит условие condition, и пока его значение равно true, он будет выполняться снова и снова.
#Циклы_while_for #do_while7 369
Это Чак и у него есть свободное время, чтобы как следует отдохнуть.
А все потому что Чак подписался на канал Плагины VSC и теперь у него в распоряжении самые эффективные инструменты.
Благодаря которым он сэкономил 70% своего времени и повысил продуктивность.
#VisualStudioCode
Будь как Чак, подпишись на канал и займись любимым делом 👇🏻
7 369
Несколько операторов "?"
Последовательность операторов вопросительного знака
? позволяет вернуть значение, которое зависит от более чем одного условия.
Поначалу может быть сложно понять, что происходит. Но при ближайшем рассмотрении мы видим, что это обычная последовательная проверка.
#условное_ветвление #условный_оператор_?7 369
Изучаешь мир frontend и все кажется слишком сложным? Не знаешь, за что хвататься?
Расслабься, все уже придумано за тебя. @for_web_devs - канал, на котором собрано много интересного из мира веб-разработки. Хочешь узнать, какие факторы влияют на скорость загрузки сайта? А как правильно выстроить изучение JS? Может тебе нужны полезные генераторы или примеры готового кода?
Все это есть на канале @for_web_devs. Переходи по ссылке и подписывайся, чтобы ничего не пропустить 😉
7 369
String
Строка (
string) в JavaScript должна быть заключена в кавычки.
В JavaScript существует три типа кавычек.
Двойные кавычки: "Привет".
Одинарные кавычки: 'Привет'.
Обратные кавычки: `Привет`.
Двойные или одинарные кавычки являются «простыми», между ними нет разницы в JavaScript.
Обратные же кавычки имеют расширенную функциональность. Они позволяют встраивать выражения в строку, заключая их в ${…}.
#string #типы_данных7 369
Функции-стрелки
Существует простой и краткий синтаксис для создания функций, который часто лучше, чем синтаксис Function Expression.
Он называется «функции-стрелки» или «стрелочные функции» (arrow functions)
На картинке выше
(a, b) => a + b задаёт функцию с двумя аргументами a и b, которая при запуске вычисляет выражение справа a + b и возвращает его результат.
#function #функции_стрелки7 369
Зачем изобретать велосипед?
Зачем изобретать велосипед. Весь код уже написан, нужно лишь найти готовое решение и применить в проекте, именно такие решения ты тут и найдешь - Это девиз канала Велосипед для программиста. Канал ведёт программист со стажем более 4 лет.
Каждый день на канале новые посты с готовым кодом, который можно использовать в проекте.
Например:
Pricing Card - готовые карточки с выбором ценового плана на год или месяц.
Cart button - анимация кнопки добавления товара в корзину.
Mini Music Player - интерфейс музыкального плеера с готовым функционалом на VueJS.
Подпишись, чтобы ускорить свою работу в разы
7 369
Инструкция if
Инструкция
if(...) вычисляет условие в скобках и, если результат true, то выполняет блок кода.
Если мы хотим выполнить более одной инструкции, то нужно заключить блок кода в фигурные скобки.
Рекомендовано использовать фигурные скобки {} всегда, когда вы используете инструкцию if, даже если выполняется только одна команда. Это улучшает читабельность кода.
#условное_ветвление #инструкция_if7 369
Хорошие разработчики зарабатывают больше!
Павел — принципал инженер в крупнейшем в Европе каршеринге. 15+ лет опыта в IT, работал в е-коммерсе, в финтехе, сейчас в каршеринге в 🇩🇪 Германии.
Недавно он завел канал, где рассказывает о том, что знают хорошие разработчики. Пишет про хард скиллы, софт скиллы, рассказывает истории. Например, пост про то как хакер украл более 10.000€.
Если хочешь выделяться на рынке и зарабатывать больше — подписывайся на @gooddevknows.
7 369
Дата и время
Встречайте новый встроенный объект: Date. Он содержит дату и время, а также предоставляет методы управления ими.
Например, его можно использовать для хранения времени создания/изменения, для измерения времени или просто для вывода текущей даты.
Для создания нового объекта
Date нужно вызвать конструктор new Date() с одним из следующих аргументов:
- new Date()
Без аргументов – создать объект Date с текущими датой и временем.
- new Date(milliseconds)
Создать объект Date с временем, равным количеству миллисекунд (тысячная доля секунды), прошедших с 1 января 1970 года UTC+0.
#date #типы_данных7 369
JSON
Это текстовый формат представления данных в нотации объекта JavaScript.
Предназначен JSON, также как и некоторые другие форматы такие как XML и YAML, для обмена данными.
В JavaScript JSON очень часто применяется в качестве формата для передачи информации от веб-сервера клиенту (веб-браузеру) при AJAX запросе.
Основные методы:
-
JSON.parse()
Разбирает строку JSON, возможно с преобразованием получаемого значения и его свойств и возвращает разобранное значение.
- JSON.stringify()
Возвращает строку JSON, соответствующую указанному значению, возможно с включением только определённых свойств или с заменой значений свойств определяемым пользователем способом.
#JSON #типы_данных7 369
Фронтенд-разработка – это легко?
Да! Если при разработке проекта использовать полезные сервисы, инструменты и готовые решения.
Помощник фронта - этот канал выкладывает самые полезные ссылки, обзоры и подборки по веб-разработке.
Подписывайся и облегчи своё обучение.👇
7 369
Объекты
Объекты используются для хранения коллекций различных значений и более сложных сущностей.
В JavaScript объекты используются очень часто, это одна из основ языка.
Объект может быть создан с помощью фигурных скобок
{…} с необязательным списком свойств.
Свойство – это пара «ключ: значение», где ключ – это строка (также называемая «именем свойства»), а значение может быть чем угодно.
На картинке выше создан объект user, где находятся два свойства:
- Первое свойство с именем "name" и значением "John"
- Второе свойство с именем "age" и значением 30.
Можно сказать, что наш объект user – это ящик с двумя папками, подписанными «name» и «age».
#типы_данных #objects7 369
Хочешь постоянно практиковаться в решении задач и получать подробное объяснение?
Тогда подписывайся на JavaScript | Тесты для проверки знаний! Здесь ты найдешь огромное количество задач по JS с подробными объяснениями! Идеально подойдёт для тех разработчиков, которые хотят постоянно улучшать свои знания и развиваться вширь.
Можно почитать пока компилируется проект :)
Переходи и развивайся ежедневно! 👇
7 369
Объекты
Объекты используются для хранения коллекций различных значений и более сложных сущностей.
В JavaScript объекты используются очень часто, это одна из основ языка.
Объект может быть создан с помощью фигурных скобок
{…} с необязательным списком свойств.
Свойство – это пара «ключ: значение», где ключ – это строка (также называемая «именем свойства»), а значение может быть чем угодно.
На картинке выше создан объект user, где находятся два свойства:
- Первое свойство с именем "name" и значением "John"
- Второе свойство с именем "age" и значением 30.
Можно сказать, что наш объект user – это ящик с двумя папками, подписанными «name» и «age».
#типы_данных #objects