#js #tips

Декораторы в JavaScript

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

Подробнее: https://nuancesprog.ru/p/7110/

#javascript #bestpractices

Всем привет!

В списке моих каналов - прибавление 😁

https://t.me/svelte_uncolored

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

В связи с этим я решил начать копить материалы по Svelte на отдельном канале. Присоединяйтесь - будем разбираться с ним вместе ;)

#vuejs #english

Еще немножко про Vue 3

https://blog.bitsrc.io/vuejs-3-0-0-beta-features-im-excited-about-c70b82fac163

#js #tools #english

D3.js — очень популярный фреймворк для визуализации данных.
Думаю, хорошему фронтендеру очень полезно его освоить.

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

https://medium.com/javascript-in-plain-english/how-to-make-stunning-data-visualizations-with-d3-js-93a588600b45

Использование CSS-масок и SVG для создания зубчатых краев.

https://css-tricks.com/using-css-masks-to-create-jagged-edges/

Практическое руководство по TypeScript

Создайте собственный покедекс на HTML, CSS и TypeScript!

Подробнее: https://www.freecodecamp.org/news/a-practical-guide-to-typescript-how-to-build-a-pokedex-app-using-html-css-and-typescript/

#typescript #beginners

Практическое руководство по TypeScript

Создайте собственный покедекс на HTML, CSS и TypeScript!

Подробнее: https://www.freecodecamp.org/news/a-practical-guide-to-typescript-how-to-build-a-pokedex-app-using-html-css-and-typescript/

#typescript #beginners

#backend #js #deno #tools

В последнее время все про Deno начали говорить.

https://www.youtube.com/watch?v=_cGOQbJehBQ&feature=youtu.be

#frontend #tools

Браузер заточенный специально для отладки адаптивности. Может пригодится!

https://manojvivek.github.io/responsively-app/

Ormolu is a formatter for #haskell source code. The project was created with the following goals in mind:

- Using GHC's own parser to avoid parsing problems caused by haskell-src-exts.
- Let some whitespace be programmable. The layout of the input influences the layout choices in the output. This means that the choices between single-line/multi-line layouts in each particular situation are made by the user, not by an algorithm. This makes the implementation simpler and leaves some control to the user while still guaranteeing that the formatted code is stylistically consistent.
- Writing code in such a way so it's easy to modify and maintain.
- Implementing one “true” formatting style which admits no configuration.
- That formatting style aims to result in minimal diffs while still remaining very close to “conventional” Haskell formatting people use.
- Choose a style compatible with modern dialects of Haskell. As new Haskell extensions enter broad use, we may change the style to accomodate them.
- Idempotence: formatting already formatted code doesn't change it.
- Be well-tested and robust to the point that it can be used in large projects without exposing unfortunate, disappointing bugs here and there.

https://github.com/tweag/ormolu

Как работает JavaScript

Чтобы компьютер смог выполнить написанную разработчиком программу, ее нужно перевести на язык, понятный машине. Для этого предназначены специальные программы - движки.

Статья рассказывает о принципиальной схеме самого популярного движка JavaScript - V8, а также немного о сути интерпретации и компиляции кода и о JIT-компиляции.

Вкратце:
1. Парсер разбирает код на значимые части.
2. Строится абстрактное синтаксическое дерево (AST).
3. Интерпретатор создает байт-код, который сразу же начинает выполняться в браузере, чтобы пользователь не ждал.
4. Одновременно профайлер и компилятор работают над оптимизацией кода.
5. Как только готова оптимизированная версия, она заменяет временный байт-код.

Подробнее: https://nuancesprog.ru/p/4553/

#javascript #v8 #engine #browser

#pwa #tips

Как превратить любой сайт в PWA

PWA - это прежде всего:
1. Адаптивность
2. Работа в оффлайн
3. Возможность установить как приложение
4. Высокая скорость приложения

В статье описано как добавить манифест, подключить сервис воркер и превратить свой сайт в PWA
(4 минуты)

#js

Делаем круги на CSS

В статье вы узнаете как делать круги с помощью:

Border Radius
SVG
Clip Path
Radial Gradient

Научитесь:

центрировать контент внутри круга
обрезать контент на html + css
обрезать с помощью svg
размещать текст внутри круга
размещать текст по кругу

(ссылки ведут на codepen с примером)

#css #svg

#js #tools #frontend Eloquent для JS O_o

Javel — Добавляем Eloquent в Javascript
Работаем в яваскрипте с объектами так же легко, как в Ларавел
#english
https://lorisleiva.com/introducing-javel/

#nuxt #Vue #tools