Потрясающие шаблоны программного обеспечения и архитектурного проектирования

Кураторский список шаблонов проектирования, связанных с программным обеспечением и архитектурой.

https://github.com/DovAmir/awesome-design-patterns

7 полезных библиотек Vue.js, которые вы должны использовать в своем следующем проекте

Эти библиотеки помогут вам ускорить процесс разработки и добавить новые функции в ваше приложение. Независимо от того, работаете ли вы над небольшим или большим проектом, эти библиотеки обязательно станут ценными инструментами в вашем наборе инструментов для разработки.

(если пост не открывается полностью, откройте в режиме инкогнито)

https://shly.link/20Fmo

Angular Structural Directives -(серия из 2 частей)

Структурные директивы в Angular — один из самых мощных инструментов фреймворка. Мы сталкиваемся с ними в начале наших путешествий по Angular. Они являются неотъемлемой частью разработки даже самых простых приложений Angular.

1) Освоение структурных директив Angular — основы

2) Освоение структурных директив Angular — все дело в контексте

Angular-шпаргалка

Angular — это платформа веб-приложений с открытым исходным кодом на основе TypeScript, используемая для создания веб-приложений и мобильных приложений. В этой статье будут рассмотрены некоторые функции angular, объясняя некоторые из его основных API. Вы можете следовать этой шпаргалке по angular, чтобы построить свой проект. Мы попытались охватить здесь Angular CLI, хуки жизненного цикла Angular, маршрутизацию Angular и многое другое.

(если пост не открывается полностью, откройте в режиме инкогнито)

https://shly.link/nZRpy

Создание мультиплатформенной панели инструментов с помощью Astro

В этой статье мы рассмотрим процесс создания веб-сайта в Astro с использованием компонентов трех самых популярных фреймворков: React, Svelte и Vue.js.

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

https://shly.link/84sAX

React -мир JSX

JSX — это расширение синтаксиса для JavaScript, позволяющее писать HTML-подобную разметку внутри файла JavaScript.
https://shly.link/QDcST

Новый NgRx

В последние месяцы NgRx , популярная библиотека управления состоянием для Angular, получила несколько значительных обновлений в отношении своего API и того, как он работает. В этой статье мы рассмотрим, что изменилось и как это влияет на то, как мы используем NgRx в наших приложениях.


https://dev.to/this-is-angular/the-new-ngrx-lf1

Что нового в Angular 15?

Давайте углубимся, чтобы узнать, что нового в Angular 15.

https://blog.peerlist.io/whats-new-in-angular-15/

Angular 15: что случилось с environment.ts

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

https://dev.to/this-is-angular/angular-15-what-happened-to-environmentts-koh

Кураторский список руководств на основе проектов

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

https://github.com/practical-tutorials/project-based-learning

Давайте рассмотрим некоторые мощные функции

В этой статье мы рассмотрим некоторые функции Composition API, которые делают Vue.js мощной платформой для создания веб-приложений, а также примеры кода, помогающие проиллюстрировать каждый пункт.

https://medium.com/@khalidoghli7/lets-cover-some-powerful-feature-to-be-vue-jedi-master-2e0134910a0b

Темный режим с Analog & Tailwind

Несколько недель назад я полностью перестроил свой личный веб-сайт с помощью Analog и Tailwind.

Analog — это метафреймворк с полным стеком для создания приложений и веб-сайтов с помощью Angular. Он похож на другие метафреймворки, такие как Next.JS, Nuxt или SvelteKit, но построен на основе Angular.
https://dev.to/this-is-angular/dark-mode-with-analog-tailwind-4049

Создание компонентов Vue 3 с помощью Tailwind CSS

В этом руководстве вы узнаете, как создавать компоненты Vue 3 с помощью Tailwind CSS, создавая адаптивный компонент карточки статьи.

https://snyk.io/blog/building-vue-3-components-tailwind-css/

Эволюция сигналов в JavaScript

В последнее время в мире фронтенда наблюдается некоторая шумиха вокруг термина "сигналы". Кажется, что за короткое время они появились повсюду, начиная с Preact и заканчивая Angular.

Но они не являются чем-то новым. Даже отдаленно, если учесть, что их корни восходят к исследованиям конца 1960-х годов. В их основе лежит то же моделирование, которое позволило создать первые электронные таблицы и языки описания аппаратуры (такие как Verilog и VHDL).

Даже в JavaScript они существуют с момента появления декларативных JavaScript Frameworks. С течением времени они носили различные названия и с годами становились то популярными, то нет. Но вот мы снова здесь, и сейчас самое время рассказать немного больше о том, как и почему.

https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob

Вышла бета-версия WebStorm 2023.1!

Команда Angular объявила, что NgOptimizedImageстабильна в Angular 15 . Чтобы использовать NgOptimizedImage, вам нужно добавить директиву непосредственно в компонент, потому что директива помечена как автономная.
https://blog.jetbrains.com/webstorm/2023/03/webstorm-2023-1-beta/

Vue против React: все, что вам нужно знать

Vue и React — два самых популярных инструмента для создания веб-приложений на JavaScript. Но как мы выбираем между ними? Это то, что мы попытаемся выяснить в этом сравнении Vue и React. Мы рассмотрим преимущества и недостатки каждого из них, дадим советы по выбору того, что следует использовать, и поможем вам начать работу .

https://shly.link/CHYmo

От журналов консоли к расширенным инструментам отладки: отладка Angular

В этой статье я хочу поделиться некоторыми знаниями и опытом, которые я приобрел за эти годы. Независимо от того, являетесь ли вы опытным разработчиком Angular или только начинаете, это руководство предоставит ценные советы и методы, которые помогут вам более эффективно и результативно отлаживать свои приложения.
К концу этой статьи вы лучше поймете, как отлаживать приложения Angular, а также инструменты и методы, которые помогут вам в этом. Итак, имеете ли вы дело с простой синтаксической ошибкой или сложной проблемой приложения, давайте погрузимся и начнем отладку!

https://javascript.plainenglish.io/from-console-logs-to-advanced-debugging-tools-debugging-angular-5a7083bc5a85

Почему я остаюсь с Vue в 2023 году

После нескольких лет разработки приложений VUE я собирался перейти на Svelte. В итоге не стал, вот почему.

https://medium.com/@lindblomdev/why-im-sticking-with-vue-in-2023-d67bce7bc2f4

Vue позволяет разработчикам писать более гибкий и повторно используемый код, предоставляя им больше возможностей для организации своих компонентов. Одной из областей, где это может быть особенно полезно, является создание анимации. В этой статье мы рассмотрим, как использовать Composition API для создания анимации в Vue с использованием как CSS, так и библиотеки анимации JavaScript GSAP (GreenSock Animation Platform).

https://medium.com/@khalidoghli7/unleashing-your-power-with-vue-animation-33a1cd0aa9c7