Блог JavaScript → Полезные материалы по JS | OTUS
Черная пятница уже наступила!
Все курсы ноября со скидкой 30%. Торопитесь!
Подробнее

Курсы

Курсы в разработке Подготовительные курсы
Работа в компаниях Компаниям Блог +7 499 110-61-65
Функции в JavaScript

JS_Deep_27.2_site-5020-69074b.png

Зачастую нам нужно повторять одни и те же действия в разных частях кода JavaScript. Например, иногда требуется передать сообщение при входе пользователя на сайт, при выходе и в других случаях.

Иногда фреймворк не нужен

JS_Deep_4-5020-e2c992.10_site.png

Однажды я открыл веб-студию и чуть не прогорел. Я уже неплохо знал React и Node.js, но другие фрилансеры всегда были на шаг впереди меня — они делали то же самое, но быстрее и дешевле. Первое правило коммерческой разработки — выбирай подходящий инструмент для задачи.

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

Конечно, бывает ещё 1000 вариантов посередине. Надо сделать сайт? Выбрасывайте фреймворк!

Откуда методы у типов number, string и boolean в JS?

JS_Deep_10-5020-ba80b4.10_site.png

Прочитав эту заметку, вы никогда не захотите писать на JavaScript. Но подождите! В работе эти проблемы не всплывают почти никогда. Я специально для вас залезу в этот тёмный подвал JS, чтобы поведать о том, как работает (255).toString(16) и ('me: hello').substr(4) и откуда у примитивных типов number, string и boolean методы?

Small size and fast updates: почему сразу React?

JS_Deep_17-23316-2736fb.10_site.png

React-разработчики очень привязаны к своей библиотеке. Но ведь React обещал свободу от фреймворков, свободу выбора библиотек для запросов и управления состоянием. Возможно, вашему приложению не так уж нужен именно React? Вот три интересных view-библиотеки, построенных на vDOM.

Но мне нравится JS, зачем изучать TypeScript?

JavaScript_Deep_9.08_Site.png

TypeScript – это надмножество языка JavaScript. Это означает, что код, написанный на языке JavaScript является верным и в среде TypeScript. Для корректной работы TypeScript в браузере программу предварительно транспайлят или компилируют в JavaScript.

За что люблю JavaScript?

WebDev_Deep_8.08_Site.png

JavaScript — очень своеобразный язык программирования. У него есть определённый синтаксис и такое свойство, как «изоморфность», когда команды и данные пишутся примерно в одном стиле.

При этом классический JavaScript — довольно старая технология, которая изначально имела достаточно много ляпов и недостатков. Однако язык постепенно развивался и совершенствовался, приобретая плюсы других языков, но сохраняя свою самобытность. И по-настоящему элегантным он стал лишь с выходом нового стандарта ES6.

Webpack: настраиваем сборку приложения

JS_Deep_6.08_Site.png

Webpack – один из самых быстрых, мощных и гибких сборщиков. На сегодняшний день он обладает также уникальными возможностями. Сравнительно недавно вышла новая версия Webpack и в этой заметке я поделюсь с вами тем, как настроить сборку вашего приложения, а также расскажу про некоторые возможности Webpack.

Взгляд сверху: что такое Observable

JS_Deep_LAST_23.07_site.png

Observable – асинхронный паттерн проектирования, в котором данные представлены в виде потока событий. Потоки можно «переиспользовать» – комбинировать, фильтровать, подобно массивам, используя специальные методы – операторы.

Беглый обзор JavaScript и TypeScript

JS_Deep_17.07_Site.png

JavaScript

Язык был создан инженером Netscape Бренданом Эйком в 1995 году за 10 дней. В то время название языка варьировалось между JavaScript, Mocha, LiveScript или JScript (альтернативная версия языка от компании Microsoft). В результате многочисленных споров и обсуждений внутри компании Netscape было решено, что новый язык должен быть похож на Java и, можно даже сказать, что JavaScript был назван в его честь.

Основная идея была в том, чтобы создать «лёгкий для написания скриптов» язык для создания виджетов, простых компонентов и HTML-манипуляций. Термин «язык сценариев» означает высокоуровневый интерпретируемый язык программирования.

Создание обёрток (wrappers)

JS_Deep_Last_11.07_1_Site.png

Частой практикой в программировании является написание обёрток. Задача обёртки – сброс сложности в программировании, недопущение «расползания» неудачных API по коду: ведь API третьих сторон не всегда идеально подогнаны к решаемой задаче. Мало того, API бывают неудобно спроектированы.