JavaScript Teacher

2023-07-04 09:45:04 shift()

Метод shift() удаляет первый элемент массива.

var students = [ 'Jack', 'James', 'Robert', 'John'];
console.log(students);
students.shift();
console.log(students)

[ 'Jack', 'James', 'Robert', 'John' ]
[ 'James', 'Robert', 'John' ]

#tips | JavaScript_Teacher Открыть/Комментировать

2023-07-04 09:30:10 Ты всего за 7 дней сверстаешь и добавишь в портфолио 1 качественный сайт.

Даже если никогда не кодил.

Смотри, на эти 7 дней план такой:
- Знакомишься с профессией Frontend-разработчик;
- Изучаешь HTML, CSS и создаёшь первую страничку;
- Оживляешь страницу с помощью JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключаешь Backend и загружаешь сайт на хостинг;
- Получаешь советы по доработке своего проекта;

В итоге ты своими руками создашь полноценный сайт, который не стыдно добавить в портфолио.

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

Да, реально за 7 дней сделать 1 проект даже новичку. Мы проверили на более 7000 человек.

Проскочить на интенсив бесплатно

Начинаем 11 июля. Открыть/Комментировать

2023-07-03 21:00:24 Что такое запоминание или мемоизация (Memoization)?

Мемоизация — это прием создания функции, способной запоминать ранее вычисленные результаты или значения. Преимущество мемоизации заключается в том, что мы избегаем повторного выполнения функции с одинаковыми аргументами. Недостатком является то, что мы вынуждены выделять дополнительную память для сохранения результатов.

#собеседование | JavaScript_Teacher Открыть/Комментировать

2023-07-03 15:00:36 Новые возможности ES13

Как и многие другие языки программирования, JavaScript постоянно развивается. С каждым годом язык становится все мощнее благодаря новым возможностям. Благодаря этой статье ты познакомишься с новыми возможностями ES13. Какое нововведение тебе больше всего понравилось?

Читать

#статья | JavaScript_Teacher Открыть/Комментировать

2023-07-03 09:45:06 Получение фрагментов url-адреса

Объект "window.location" имеет набор полезных методов и свойств. С помощью них мы можем получить данные про протокол, хост, порт, домен и тому подобное из url-адреса браузера.

Одно из свойств, которое мне кажется очень полезным:


Свойство "search" возвращает фрагмент строки url-адреса, находящийся после вопросительного знака: "?project=js".

Для получения параметров запроса, помимо "location.search" можно использовать ещё один полезный API, называемый "URLSearchParams".

let project = new URLSearchParams(location.search).get('project');

В результате получаем "js"

Подробнее об этой теме читайте здесь

#tips | JavaScript_Teacher Открыть/Комментировать

2023-07-02 21:00:26 Как в JS вызвать функцию?

В JS существует 4 способа вызвать функцию. Вызов определяет значение this или «владельца» функции.

• Вызов в качестве функции. Если функция вызывается как метод, конструктор или с помощью методов apply или call, значит она вызывается как функция. Владельцем такой функции является объект window

• Вызов в качестве метода. Когда функция является свойством объекта, мы называем ее методом. Когда вызывается метод, значением this становится объект этого метода

• Вызов в качестве конструктора. Когда функция вызывается с использованием ключевого слова «new», мы называем такую функцию конструктором. При этом создается пустой объект, являющийся значением this

• Вызов с помощью методов apply или call. Мы используем эти методы, когда хотим явно определить значение this или владельца функции

#собеседование | JavaScript_Teacher Открыть/Комментировать

2023-07-02 15:00:29 Трехмерная фотогалерея

В данной статьей демонстрируется создание трехмерной фотогалереи. Проект состоит из HTML-страницы, где находится карусель; CSS-файла, где настраивается внешний вид карусели в целом; скрипта на JavaScript, в котором реализована работа карусели с фотографиями.

Читать

#статья | JavaScript_Teacher Открыть/Комментировать

2023-07-02 09:45:04 Несколько интересных лайфхаков

• Блоки можно пометить и использовать в качестве целей break, а циклы в качестве целей continue .

• Массивы не являются разреженными. Установка 1000-го элемента в противоположном пустом массиве должна заполнить его undefined (зависит от реализации).

• if (new Boolean(false)) {...} выполнит блок {...}

• Механизмы регулярных выражений JavaScript зависят от реализации: например, можно писать “непереносимые” регулярные выражения.

#tips | JavaScript_Teacher Открыть/Комментировать

2023-07-01 21:00:23 В чем разница между обычной функцией и функциональным выражением?

Допустим, у нас есть следующее:

hoistedFunc()
notHoistedFunc()

function hoistedFunc(){
console.log('I am hoisted')
}

var notHoistedFunc = function(){
console.log('I will not be hoisted!')
}

Вызов notHoistedFunc приведет к ошибке, а вызов hoistedFunc нет, потому что hoistedFunc «всплывает», поднимается в глобальную область видимости, а notHoistedFunc нет.

#собеседование | JavaScript_Teacher Открыть/Комментировать

2023-07-01 15:00:32 Редактор SVG диаграмм

DgrmJS — это библиотека JavaScript для создания блок-схем SVG. Основная цель библиотеки — настроить рабочие процессы в системах BPM (Business Process Management). Подробней об этой библиотеке узнаешь из статьи.

Читать

#статья | JavaScript_Teacher Открыть/Комментировать