Получи случайную криптовалюту за регистрацию!

Net Ninja (frontend, backend)

Логотип телеграм канала @zencxde — Net Ninja (frontend, backend) N
Логотип телеграм канала @zencxde — Net Ninja (frontend, backend)
Адрес канала: @zencxde
Категории: Технологии
Язык: Русский
Количество подписчиков: 243
Описание канала:

🚀 Топовый канал о веб-разработке!
#React #JavaScript #TypeScript #PHP #Golang
По всем вопросам @dianov_e

Рейтинги и Отзывы

4.50

2 отзыва

Оценить канал zencxde и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

1

4 звезд

1

3 звезд

0

2 звезд

0

1 звезд

0


Последние сообщения

2023-03-23 12:48:08
Цикл while идеален для ситуаций, когда количество итераций неизвестно заранее, например, при поиске простого числа. Когда количество итераций известно, предпочтительнее использовать цикл for.

Оператор for создаёт цикл, состоящий из трех необязательных выражений, заключенных в круглые скобки и разделенных точкой с запятой, за которыми следует инструкция (часто блок инструкций), которая должна выполняться в цикле.

const reverseString = (str) => {
let result = '';
for (let i = 0; i < str.length; i += 1) {
result = `${str[i]}${result}`;
}

return result;
};

Можно читать так: цикл с индексом i повторяется пока i < str.length и после каждого шага увеличивает i на 1.

В определении цикла for в круглых скобках есть три выражения, разделенные точкой с запятой:

Начальное значение счетчика (инициализация). Этот код выполняется ровно один раз перед первой итерацией.

Предикат — условие повторения циклов. Выполняется на каждой итерации. Точно так же как и в while

Описание изменения счетчика. Этот код выполняется в конце каждой итерации.

В остальном принцип работы точно такой же, как у цикла while.

NetNinja | #js_everyday | Оглавнение
69 viewsEvgenii Dianov, 09:48
Открыть/Комментировать
2023-03-22 13:38:22
Да, чаще вы будете использовать map или forEach, но знать как работают while и for надо, ведь можно столкнуться с легаси.
Кратко в рамках поста сложно раскрыть эту тему, поэтому обязательно читай это и это.

Оператор while создаёт цикл, выполняющий заданную инструкцию, пока истинно проверяемое условие. Логическое значение условия вычисляется перед исполнением тела цикла.

while (условие) {
инструкция
}

Условие
Выражение, логическое значение которого проверяется каждый раз перед заходом в цикл. Если значение истинно, то исполняется инструкция. Когда значение становится ложным, выполняется код, следующий за циклом while.

Инструкция
Инструкция, которая исполняется каждый раз, пока истинно условие. Чтобы выполнить несколько инструкций в цикле, используйте блочный оператор ({ ... }) для их группировки.

NetNinja | #js_everyday | Оглавнение
73 viewsEvgenii Dianov, edited  10:38
Открыть/Комментировать
2023-03-21 13:36:44
30 seconds of code

Ловите годноту!
А именно, сервис, на котором можно найти сниппет на любой. вкус, например кастомная радиокнопка или как анимировать значение height, а так же более сложные темы связанные с NodeJS

Сам сервис тут

NetNinja | #сервисы
76 viewsEvgenii Dianov, edited  10:36
Открыть/Комментировать
2023-03-21 11:35:48
Этот оператор можно рассматривать как частный случай логического оператора ИЛИ (||), который возвращает правый операнд, если в левом операнде хранится любое ложноподобное значение, а не только null или undefined.

Немного примеров:
let user;
alert(user ?? "Аноним"); // Аноним (user не существует)

let user = "Иван";
alert(user ?? "Аноним"); // Иван (user существует)

Подробнее тут

NetNinja | #js_everyday | Оглавнение
76 viewsEvgenii Dianov, 08:35
Открыть/Комментировать
2023-03-20 19:17:16
Подготовка шаблона приложения на Typescript с Nest, Nuxt 3 и Docker

Статья , читать и пробовать обязательно, пусть даже сначала не понятно. Наикрутейшая практика!

Делал это в качестве фундамента для будущих проектов или с целью изучения Nest, Nuxt 3 с composable функциями. Можно использовать это как инструкцию к настройке подобной архитектуры, можно взять за основу код с github. (с)

NetNinja | #статьи
84 viewsEvgenii Dianov, 16:17
Открыть/Комментировать
2023-03-20 13:21:48
Frontender Beta - выделяет и преобразует компоненты figma в код.

Сижу тестирую, в целом неплохо, новичкам поможет немного. Пока, кажется, что руками быстрее.

Может в tailwind и jsx

UPD: Не всегда генерит ровно, в общем тратить на него время пока не стоит, бета есть бета)

Ссылка на плагин

NetNinja
91 viewsEvgenii Dianov, edited  10:21
Открыть/Комментировать
2023-03-20 12:07:08
Логические операторы

Есть четыре логических оператора:
|| или, && и, ! не, ?? Оператор нулевого слияния (Про него в другом посте)

Оператор ИЛИ (||)
- Вернет true, если хотя бы одно из уcловий true
- Находит первое true
- Операнды вычисляются слева направо
- Если все операнды false, то вернется последний

Оператор И (&&)
- Вернет true если все условия true
- Находит первое ложное значение и вощзвращает его
- Если все условия были истинными, то вернется последнее

Логическое не (!)
! (восклицательный знак) - это унарный оператор, который располагается перед операндом и приводит аргумент к логическому true или false, а затем возвращает противоположное значение.

В свою очередь двойное отрицание !! используется для приведения значения к логическому типу.

Примеры по теме тут

NetNinja | #js_everyday | Оглавнение
86 viewsEvgenii Dianov, 09:07
Открыть/Комментировать
2023-03-20 09:01:57 CodeGPT

Кстати, буду стараться показывать лайфхаки и инструменты, которые сам использую. Бонусом к первой части я бы посоветовал пощупать плагин CodeGPT: JetBrains версия, VS Code версия. Позволяет легко и удобно скармливать ваш код ChatGPT.

Из коробки можно попросить:
- Объяснить код
- Отрефакторить
- Найти баги
- Написать тесты
- Оптимизировать

Все эти команды – просто дополнительный промт к вашему куску кода, который легко настраивается. Также можно добавить свою собственную команду.

P.S. Для использования нужно быть зарегистрированным в ChatGPT.

NetNinja | #полезное
92 viewsEvgenii Dianov, 06:01
Открыть/Комментировать
2023-03-19 20:55:09
GPT-4 напишет вам код прямо в VSCode. Создатели генератора кода Code Snippets AI выкатили расширение для VSCode. Оно может:

— Генерировать код по запросу
— Исправлять баги и ошибки
— Объяснять код
— Делать рефакторинг
— Писать документацию для кода
— Сохранять вашу работу онлайн

И всё это на базе GPT-4! И в GitHub ковыряться не нужно.

Качать расширение тут.

NetNinja | #полезное
105 viewsEvgenii Dianov, edited  17:55
Открыть/Комментировать
2023-03-19 11:25:09
Условный оператор if else
if и else являются условными операторами, которые используются для выполнения кода на основе определенного условия. Они позволяют вам принимать решения в вашем коде, выполняя разные действия в зависимости от того, верно или неверно определенное условие.

Что важно понимать:
- Блок выполняется если результатом в скобках будет true
- Если условие короткое то можно
в одну строку if (true) alert(1)
- Число 0, пустая строка "", null, undefined и NaN становятся false (это ложные значения)
- Блок else необязателен
- esle if тоже необязателен, но требует условия else if (true)

Иногда легче использовать тернарный оператор
let accessAllowed = (age > 18) ? true : false;

Статья на MDN

NetNinja | #js_everyday | Челлендж
130 viewsEvgenii Dianov, edited  08:25
Открыть/Комментировать