Pull to refresh
18
Karma
0
Rating
Rustam @jamak

Пользователь

Как писать на HTML Canvas удобно, или как изобрести очередной renderer на Angular

Website development *HTML *Canvas *Angular *

Разработка на canvas с контекстом 2D обычно не предполагает никаких сложностей. Для начала необходимо изучить пару десятков встроенных методов WEB API CanvasRenderingContext2D, прочитать рекомендации по оптимизации, вспомнить школьный курс геометрии. И на этих базовых вещах можно уже строить неплохие приложения на canvas.

Как один из вариантов начала разработки на canvas: из примитивов фигур строят элементы, затем их объединяют в функцию, эти функции складывают в готовый элемент, объединяют их в слой, ну и в конце уже отдают в функцию рендера. Все еще звучит довольно неплохо и с этим можно даже жить, если использовать чистые функции, и придерживаться везде этого подхода. Но не всегда этого удается, всегда есть соблазн выхватить что-либо из контекста. Для примера приведу код из source-map-vizualization замечательный инструмент, сделанный на canvas. Только чтобы понять весь код и привнести какие либо исправления, я думаю придется посидеть не один час.

Читать далее
Total votes 12: ↑12 and ↓0 +12
Views 5.1K
Comments 3

Что готовит нам Angular? Заметки из changelog, новый синтаксис шаблонов, Ivy

Angular *

В этой статье приведу заметки к релизу Angular 13. Рассмотрим предложения по шаблонам которую будут рассматривать в Angular Team в ближайшем митинге.

Читать далее
Total votes 8: ↑8 and ↓0 +8
Views 5.1K
Comments 3

Deno v1.0: Безопасная среда выполнения для JavaScript и TypeScript. Обзор возможностей

Open source *JavaScript *Node.JS *TypeScript *


  1. Вступление
  2. Установка
  3. Как это выглядит внутри
  4. Функциональность
  5. WASM, RUST, Плагины
  6. Debugging, IDE
  7. Тестирование
  8. Compiler API
  9. CI
  10. Разное

Вступление


Если вы уже оказались за чтением этой статьи, то наверняка уже слышали про выступление Ryan Dahl, создателя NodeJS, на JSConf, где он выступил с докладом и рассказал о ключевых ошибках, которые были сделаны при проектировании NodeJS. В этом же докладе он обьявил о новом проекте: Deno, в котором будут учтены ошибки предыдущего проектирования.


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

Читать дальше →
Total votes 17: ↑16 and ↓1 +15
Views 8.8K
Comments 14

Angular 9, что нового?

Angular *


Пока Stephen Fluin традиционно не выпустил новый релиз и статью про фичи нового Angular, я попытался собрать в кучу все и ответить на вопрос что нового?


Одна из самых крутых фич, которую мы ждали почти 2 года — Angular Ivy, и наконец то Angular 9 будет компилироваться с Ivy по умолчанию. Если вы хотите погрузится во внутренности Angular Ivy есть 2 видео с AngularConnect: про Compiler и Runtime.


Как и всегда с Angular CLI вы сможете проапгреиться довольно легко, подробный гайд.

Читать дальше →
Total votes 16: ↑16 and ↓0 +16
Views 20K
Comments 24

Делаем кроссплатформенное нативное десктоп приложение на Angular

JavaScript *Angular *Development for MacOS *Development for Linux *Development for Windows *

angular-nodegui


Как вы уже наверно знаете, Angular уже есть во многих платформах:



Ну и, конечно, здесь не хватало десктопа (не будем пока про Electron).

Читать дальше →
Total votes 13: ↑12 and ↓1 +11
Views 16K
Comments 12

NestJS - тот самый, настоящий бэкенд на nodejs

Node.JS *Angular *
image

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

Поэтому, NestJS- это не только фреимворк для бэкенда, но и возможность войти в мир передовых концепции, например таких как DDD, Event sourcing и микросервисной архитектуре. Все упаковано в простой и легкой форме, так что выбор за вами - решаете ли вы использовать всю платформу или просто использовать ее компоненты.
Читать дальше →
Total votes 23: ↑22 and ↓1 +21
Views 135K
Comments 24

Внедряем Angular компоненты в React, Vue и даже JQuery если хотите

Angular *ReactJS *VueJS *
Sandbox
Если вы нашли крутой компонент в npm, но она с приставкой ng, ngx, angular и так далее, то не стоит расстраиваться по этому поводу. Есть много решений, чтобы этот компонент оказался у вас. В данной статье рассмотрим решение, которое официально поддерживается Angular Team, а именно  -  Angular Elements.

Для практики выберем любой компонент из Awesome Angular.
Читать дальше →
Total votes 18: ↑17 and ↓1 +16
Views 5.2K
Comments 6

Information

Rating
Does not participate
Registered
Activity