CodeRoll | Frontend
Kanalga Telegram’da o‘tish
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads
Ko'proq ko'rsatish4 024
Obunachilar
-224 soatlar
-167 kun
-4830 kun
Postlar arxiv
4 021
React, я люблю тебя, но ты сводишь меня с ума
Представляю вашему вниманию перевод этой статьи, вызывавшей определенный резонанс в сообществе React-разработчиков.
Дорогой React, мы встречаемся уже почти 10 лет. Мы прошли долгий путь вместе. Но ситуация вышла из-под контроля. Нам нужно поговорить.
Ссылка
#react
4 021
function Car() {
this.make = 'Lamborghini';
return { make: 'Maserati' };
}
const myCar = new Car();
console.log(myCar.make);4 021
Современный junior frontend developer на двух работах уровня middle с общей ЗП 400к. Реальность ли в 2023 году?
Привет. Меня зовут Современный Джун и сразу отвечу на вопрос: да, реально. Как? Запасайся временем и я тебе расскажу эту историю.
Ссылка
#статьи
4 021
Архитектура и реактивное программирование
Что такое реактивное программирование? Не Rx. И даже не Excel. Это архитектурный паттерн, позволяющий абсолютно иначе писать код. В статье мы устаканим фундаментальные знания, утвердимся в том, что React.js всё же является реактивным, и подумаем о том, как и когда нужно, а когда не нужно применять паттерны реактивного программирования.
Ссылка
#статьи
4 021
С помощью оператора throw мы можем создавать собственные ошибки. С этим оператором вы можете генерировать исключения. Исключением может быть строка, число, логическое значение или объект. В этом случае нашим исключением является строка 'Hello world'.
С помощью оператора catch мы можем указать, что делать, если в блоке try выдается исключение. Исключение: строка 'Hello world'. e теперь равно той строке, которую мы записываем. Это приводит к 'Oh no an error: Hello world'.
4 021
function greeting() {
throw 'Hello world!';
}
function sayHi() {
try {
const data = greeting();
console.log('It worked!', data);
} catch (e) {
console.log('Oh no an error:', e);
}
}
sayHi();4 021
Frontend Cringe — канал для начинающих и продвинутых веб-разработчиков, который научит вас программировать лучше и эффективнее.
публикуются:— обзоры JavaScript и CSS-библиотек;— обучающие статьи;— советы бэкенд и фронтенд-разработчикам.
Ссылка
4 021
Что такое состояние ?
В данной статье хотелось бы описать и раскрыть формальную сторону вопроса «что такое состояние» для лучшего понимания фундаментальных основ надёжности любого клиентского приложения. Хочется уже поставить точки в некоторых вопросах терминологии, чтобы чётче отвечать на вопросы «что, когда и зачем брать» при выборе библиотек и технологий для клиентского веб-приложения.
Ссылка
#статьи
4 021
Почему не любят JavaScript?
Пока сообщество продолжает накрывать php могильной плитой, стоит обратить внимание на еще одного всеобщего любимчика. Mocha. LiveScript. JavaScript. Этот язык прошел довольно долгий путь, пережил много изменений и трудных поворотов, обошел конкурентов, таких как ActionScript и JScript, окреп и теперь активно пользуется большой частью сообщества.
В этом году самым популярным языком для коммерческого использования стал JavaScript — 19% разработчиков пишут на нем коммерческие проекты.
JS используется в Microsoft, PayPal, Netflix, Groupon, Uber, Facebook, Google.
Но почему JavaScript не любят?
Я постараюсь ответить на этот вопрос.
Ссылка
#js
4 021
При использовании метода map, значение num равно элементу, над которым он в данный момент зацикливается. В этом случае элементы являются числами, поэтому условие оператора if typeof num === "number" возвращает true. Функция map создает новый массив и вставляет значения, возвращаемые функцией.
Однако мы не возвращаем значение. Когда мы не возвращаем значение из функции, функция возвращает значение undefined. Для каждого элемента в массиве вызывается функциональный блок, поэтому для каждого элемента мы возвращаем undefined.
4 021
[1, 2, 3].map(num => {
if (typeof num === 'number') return;
return num * 2;
});4 021
Frontend Cringe — канал для начинающих и продвинутых веб-разработчиков, который научит вас программировать лучше и эффективнее.
публикуются:— обзоры JavaScript и CSS-библиотек;— обучающие статьи;— советы бэкенд и фронтенд-разработчикам.
Ссылка
4 021
JavaScript повсюду или почему веб-технологии захватили мир
Я давно слежу за развитием веб-технологий и каждый раз, натыкаясь на очередной холивар в интернете про злой и страшный JavaScript, залезающий на чужую территорию, инстинктивно хочу побыть его адвокатом. Обычно все мои доводы сводятся к банальному “не мы такие, жизнь такая” или “ничего личного, просто бизнес”, но в этот раз захотелось развернуто обосновать причины популярности веб-технологий.
Ссылка
#js
4 021
Бинарный поиск
Бинарный поиск гораздо более эффективный в сравнении с линейным поиском.
Бинарный поиск основан на идее деления данных на половины и последующем поиске в одной из них с последующим делением.
Принцип бинарного поиска
Предположим, что в нашем отсортированном списке чисел от 1 до 100 мы будем искать число 87.
Ссылка
#js
4 021
Когда мы передаем несколько промисов методу Promise.race, он разрешает/отклоняет первый промис, который разрешается/отклоняется. В метод setTimeout мы передаем таймер: 500 мс для первого промиса (firstPromise) и 100 мс для второго промиса (secondPromise). Это означает, что secondPromise разрешается первым со значением 'два'. res теперь содержит значение 'два', которое выводиться в консоль.
4 021
const firstPromise = new Promise((res, rej) => {
setTimeout(res, 500, 'один');
});
const secondPromise = new Promise((res, rej) => {
setTimeout(res, 100, 'два');
});
Promise.race([firstPromise, secondPromise]).then(res => console.log(res));