CodeRoll | Frontend
5.04K subscribers
1.59K photos
73 videos
1 file
899 links
— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Vue vs React что выбрать в 2024

Пространство веб-разработки интерфейса наполнено множеством фреймворков JavaScript для работы. Однако на ум приходят два главных претендента: Vue и React. Обе платформы представляют собой эффективные и гибкие решения для создания современных веб-приложений и получили широкое распространение даже у таких крупных брендов, как Adobe, Airbnb, Alibaba, Figma и Netflix.

Ссылка

#framework
let c = { greeting: 'Hey!' };
let d;

d = c;
c.greeting = 'Hello';
console.log(d.greeting);
Что будет в консоли ?
Anonymous Quiz
71%
Hello
19%
Hey!
5%
undefined
4%
ReferenceError
2%
TypeError
Глубокий JS. В память о типах и данных

Всех нас учили, что в JavaScript есть примитивные и ссылочные типы данных. Исчерпывающая информация есть в документации MDN, а на просторах интернета полно статей на этот счет.

Теория теорией, однако, JS-код исполняется не в теории, а на практике. Точнее, его компилирует и исполняет движок JS. Таких движков существует несколько, разрабатывались они разными людьми и для разных целей. Было бы наивно предполагать, что все они полностью идентичны друг другу. А значит, время разобраться, как же на самом деле хранятся вполне конкретные данные на вполне конкретном движке JS. В качестве испытуемого возьмем один из самых распространенных, на сегодняшний день, движок V8 от компании Google.

В этой статье подробно рассказывается о каждом типе данных в js


Ссылка

#js
Увлекательный мир фронтенда

Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «@#%, да где же этот пропавший блок?!»

Каждый новый проект во фронтенде — это как уникальный набор лего, и ты никогда не знаешь, какие интересные вызовы подкинет он на этот раз.

В этой статье автор опираясь на личный опыт расскажет что же это такое современный фронтенд, какие задачи решают фронтендеры и что вообще происходит в мире фронтенда.

Обязательно к прочтению если у вас нет опыта в ит

Ссылка

#frontend
Какой у вас опыт во фронтенд разработке ?

Свои варианты ответа пишите в комментариях
Anonymous Poll
27%
от 1 до 3 лет
30%
от 3 до 6 лет
19%
6 и более лет
25%
только учусь
let a = 3;
let b = new Number(3);
let c = 3;

console.log(a == b);
console.log(a === b);
console.log(b === c);
Наводим порядок в конфигах Webpack

Webpack является основным сборщиком фронтенд-проектов. Это зрелый продукт, который до сих пор развивается и повсеместно используется. Но, как и любой инструмент, он имеет свои слабые стороны. Я считаю что основной недостаток Webpack — это сложность его конфигурации. На крупных долгоживущих проектах конфигурационные файлы становятся слишком большими и нечитаемыми, превращаясь в мешанину вложенных объектов и spread-операторов.

Ссылка

#статьи
Шаблоны проектирования JS полный гайд

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

Ссылка

#js
Дорогие подписчики!🥂❤️🔔
Поздравляю вас с наступающим Новым Годом!🎁
Желаю всем успеха, благополучия и процветания в 2024 году!💲
Пусть все намеченные вами планы и проекты реализуются, исполнятся все желания.🍪
🎉🎉🎉
Please open Telegram to view this post
VIEW IN TELEGRAM
class Chameleon {
static colorChange(newColor) {
this.newColor = newColor;
return this.newColor;
}

constructor({ newColor = 'green' } = {}) {
this.newColor = newColor;
}
}

const freddie = new Chameleon({ newColor: 'purple' });
freddie.colorChange('orange');
Что будет в консоли ?
Anonymous Quiz
47%
orange
10%
purple
7%
green
37%
TypeError
Roadmap, как стать лучшим разработчиком программного обеспечения

Рекомендации, как стать лучшим разработчиком программного обеспечения: сосредоточьтесь на создании прочной основы, изучите структуры данных и алгоритмы, улучшите навыки общения и письма, начните решать задачи на LeetCode и HackerRank, будьте активны в LinkedIn, улучшите скилы во фронтенде, создайте новое портфолио, инвестируйте в курсы и книги, отдавайте предпочтение последовательности и дисциплине.

Ссылка

#статьи
15+ AI инструменты для разработчиков

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

Ссылка

#статьи
let greeting;
greetign = {}; // Опечатка!
console.log(greetign);
Что будет в консоли ?
Anonymous Quiz
44%
{}
36%
ReferenceError: greetign is not defined
20%
undefined
React работает медленно. Что делать?


В этом посте обсуждаются проблемы с производительностью CPU в приложениях React и предлагаются решения для повышения производительности.

Cсылка

#react
🚀Oxlint — более быстрая альтернатива ESLint

Недавно стал общедоступен новый линтер Oxlint, основанный на языке программирования Rust, и многие эксперты высоко оценили его. Какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint?

Ссылка

#utils
function bark() {
console.log('Woof!');
}

bark.animal = 'dog';