const shape = {
radius: 10,
diameter() {
return this.radius * 2;
},
perimeter: () => 2 * Math.PI * this.radius
};
console.log(shape.diameter());
console.log(shape.perimeter());🤯3🤔1
All About Cookies
Вы когда-нибудь задумывались, как веб-сайты запоминают ваши данные для входа в систему, содержимое корзины покупок и другие предпочтения? Ответ — Cookies.
В этой статье будут объяснены типы файлов cookie, работа с cookie в JavaScript, когда их использовать, а также лучшие практики.
Ссылка
#js
Вы когда-нибудь задумывались, как веб-сайты запоминают ваши данные для входа в систему, содержимое корзины покупок и другие предпочтения? Ответ — Cookies.
В этой статье будут объяснены типы файлов cookie, работа с cookie в JavaScript, когда их использовать, а также лучшие практики.
Ссылка
#js
👍6🔥2
Что такое генераторы статических сайтов и почему Astro — лучший фреймворк для разработки лендингов
Недавно я решал задачу разработки сайта-лендинга для собственного проекта. У лендинга должна была быть админка, то есть данные для его содержимого должны были храниться и редактироваться на сервере. Поэтому я искал современный и мощный инструмент для генерации страниц на основе данных из API админ-панели.
Ссылка
#framework
Недавно я решал задачу разработки сайта-лендинга для собственного проекта. У лендинга должна была быть админка, то есть данные для его содержимого должны были храниться и редактироваться на сервере. Поэтому я искал современный и мощный инструмент для генерации страниц на основе данных из API админ-панели.
Ссылка
#framework
👍9
👩💻Как использовать html-элемент <dialog>?
В течение долгого времени для базовых UI-компонентов, таких как диалоговые окна, использовались самописные решения, а в тяжёлых случаях и встроенные в JavaScript методы alert(), prompt() и confirm().
Отличная новость в том, что такой компонент можно реализовать с использованием нативного HTML-элемента <dialog>, который встроен в стандарт HTML5 и работает одинаково во всех современных браузерах.
Ссылка
#html
В течение долгого времени для базовых UI-компонентов, таких как диалоговые окна, использовались самописные решения, а в тяжёлых случаях и встроенные в JavaScript методы alert(), prompt() и confirm().
Отличная новость в том, что такой компонент можно реализовать с использованием нативного HTML-элемента <dialog>, который встроен в стандарт HTML5 и работает одинаково во всех современных браузерах.
Ссылка
#html
👍12👌2
Неплохой канал, где тоже постят ссылки на всякое полезное из мира фронтенда, но с более подробным описанием
https://t.me/msosnovfeed
https://t.me/msosnovfeed
👍4❤2🔥2
Vue vs React что выбрать в 2024
Пространство веб-разработки интерфейса наполнено множеством фреймворков JavaScript для работы. Однако на ум приходят два главных претендента: Vue и React. Обе платформы представляют собой эффективные и гибкие решения для создания современных веб-приложений и получили широкое распространение даже у таких крупных брендов, как Adobe, Airbnb, Alibaba, Figma и Netflix.
Ссылка
#framework
Пространство веб-разработки интерфейса наполнено множеством фреймворков JavaScript для работы. Однако на ум приходят два главных претендента: Vue и React. Обе платформы представляют собой эффективные и гибкие решения для создания современных веб-приложений и получили широкое распространение даже у таких крупных брендов, как Adobe, Airbnb, Alibaba, Figma и Netflix.
Ссылка
#framework
👍5👎1
let c = { greeting: 'Hey!' };
let d;
d = c;
c.greeting = 'Hello';
console.log(d.greeting);👍5🤯3
Глубокий JS. В память о типах и данных
Всех нас учили, что в JavaScript есть примитивные и ссылочные типы данных. Исчерпывающая информация есть в документации MDN, а на просторах интернета полно статей на этот счет.
Теория теорией, однако, JS-код исполняется не в теории, а на практике. Точнее, его компилирует и исполняет движок JS. Таких движков существует несколько, разрабатывались они разными людьми и для разных целей. Было бы наивно предполагать, что все они полностью идентичны друг другу. А значит, время разобраться, как же на самом деле хранятся вполне конкретные данные на вполне конкретном движке JS. В качестве испытуемого возьмем один из самых распространенных, на сегодняшний день, движок V8 от компании Google.
В этой статье подробно рассказывается о каждом типе данных в js
Ссылка
#js
Всех нас учили, что в JavaScript есть примитивные и ссылочные типы данных. Исчерпывающая информация есть в документации MDN, а на просторах интернета полно статей на этот счет.
Теория теорией, однако, JS-код исполняется не в теории, а на практике. Точнее, его компилирует и исполняет движок JS. Таких движков существует несколько, разрабатывались они разными людьми и для разных целей. Было бы наивно предполагать, что все они полностью идентичны друг другу. А значит, время разобраться, как же на самом деле хранятся вполне конкретные данные на вполне конкретном движке JS. В качестве испытуемого возьмем один из самых распространенных, на сегодняшний день, движок V8 от компании Google.
В этой статье подробно рассказывается о каждом типе данных в js
Ссылка
#js
👍6
Увлекательный мир фронтенда
Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «@#%, да где же этот пропавший блок?!»
Каждый новый проект во фронтенде — это как уникальный набор лего, и ты никогда не знаешь, какие интересные вызовы подкинет он на этот раз.
В этой статье автор опираясь на личный опыт расскажет что же это такое современный фронтенд, какие задачи решают фронтендеры и что вообще происходит в мире фронтенда.
Обязательно к прочтению если у вас нет опыта в ит
Ссылка
#frontend
Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «@#%, да где же этот пропавший блок?!»
Каждый новый проект во фронтенде — это как уникальный набор лего, и ты никогда не знаешь, какие интересные вызовы подкинет он на этот раз.
В этой статье автор опираясь на личный опыт расскажет что же это такое современный фронтенд, какие задачи решают фронтендеры и что вообще происходит в мире фронтенда.
Обязательно к прочтению если у вас нет опыта в ит
Ссылка
#frontend
👍5
Какой у вас опыт во фронтенд разработке ?
Свои варианты ответа пишите в комментариях
Свои варианты ответа пишите в комментариях
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);
👍5🔥2🤯2
Что будет в консоли ?
Anonymous Quiz
16%
true false true
5%
false false true
67%
true false false
12%
false true true
Наводим порядок в конфигах Webpack
Webpack является основным сборщиком фронтенд-проектов. Это зрелый продукт, который до сих пор развивается и повсеместно используется. Но, как и любой инструмент, он имеет свои слабые стороны. Я считаю что основной недостаток Webpack — это сложность его конфигурации. На крупных долгоживущих проектах конфигурационные файлы становятся слишком большими и нечитаемыми, превращаясь в мешанину вложенных объектов и spread-операторов.
Ссылка
#статьи
Webpack является основным сборщиком фронтенд-проектов. Это зрелый продукт, который до сих пор развивается и повсеместно используется. Но, как и любой инструмент, он имеет свои слабые стороны. Я считаю что основной недостаток Webpack — это сложность его конфигурации. На крупных долгоживущих проектах конфигурационные файлы становятся слишком большими и нечитаемыми, превращаясь в мешанину вложенных объектов и spread-операторов.
Ссылка
#статьи
👍7👎1
Шаблоны проектирования JS полный гайд
В этом посте рассматривается ряд основных шаблонов проектирования в JavaScript, включая порождающие, структурные и поведенческие шаблоны проектирования.
Используя эти шаблоны, разработчики JavaScript могут улучшить возможность повторного использования кода, удобство обслуживания и общую производительность системы.
Ссылка
#js
В этом посте рассматривается ряд основных шаблонов проектирования в JavaScript, включая порождающие, структурные и поведенческие шаблоны проектирования.
Используя эти шаблоны, разработчики JavaScript могут улучшить возможность повторного использования кода, удобство обслуживания и общую производительность системы.
Ссылка
#js
👍7🔥1
Дорогие подписчики!🥂 ❤️🔔
Поздравляю вас с наступающим Новым Годом!🎁
Желаю всем успеха, благополучия и процветания в 2024 году!💲
Пусть все намеченные вами планы и проекты реализуются, исполнятся все желания.🍪
🎉 🎉 🎉
Поздравляю вас с наступающим Новым Годом!
Желаю всем успеха, благополучия и процветания в 2024 году!
Пусть все намеченные вами планы и проекты реализуются, исполнятся все желания.
Please open Telegram to view this post
VIEW IN TELEGRAM
🎉13🎄8🎅1
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');👍4🤯4