Programming Tips πŸ’‘
51.6K subscribers
67 photos
10 videos
30 files
354 links
Programming & AI:
Tips πŸ’‘
Articles πŸ“•
Resources πŸ‘Ύ
Design Patterns πŸ’Ž
Software Principles βœ…

πŸ‡³πŸ‡± Contact: @MoienTajik

🎯 Buy ads: https://telega.io/c/ProgrammingTip
Download Telegram
Angular 4 in 20 minutes πŸ…°οΈ

So, do you want to learn the fundamentals of Angular 4 in a quick and easy way❓

You don’t need familiarity with any previous versions of Angular. πŸ™…πŸ»β€β™‚οΈ

In this tutorial, We're going to take you from the ground up and show you Angular 4 in action. ✨

You only need a basic familiarity with HTML, CSS, and JavaScript. πŸ“

https://t.me/pgimg/28

[ Tutorial ] : http://bit.do/angtut

γ€°γ€°γ€°γ€°γ€°γ€°
#Angular #SPA
@ProgrammingTip
Angular 5 Now Available πŸ…°οΈ

This is a major release containing new features and bugfixes.

This release continues our focus on making Angular smaller, faster, and easier to use.

πŸ”ΉπŸ”ΈπŸ”ΉπŸ”Έ

Biggest Changes πŸ’Ž :

β€’ Build Optimizer

β€’ Angular Universal State Transfer API and DOM Support

β€’ Compiler Improvements

β€’ Internationalized Number, Date, and Currency Pipes

β€’ Zone speed improvements

β€’ exportAs

β€’ HttpClient

β€’ CLI v1.5

β€’ Angular Forms adds updateOn Blur / Submit

β€’ RxJS 5.5

β€’ New Router Lifecycle Events

πŸ”ΉπŸ”ΈπŸ”ΉπŸ”Έ

https://t.me/pgimg/52

[ Update Guide ] : http://bit.do/guid5
[ Article ] : http://bit.do/ang5

γ€°γ€°γ€°γ€°γ€°γ€°
#Angular
@ProgrammingTip
Why i choose Angular❓

Choosing a front-end framework is no small task these days. ⏰

There are a lot of options out there, each with pros and cons. βœ…

When I decided I wanted to move to a β€œnext gen” framework, I surprised myself by going with a framework that I initially had a lot of negative feelings about :
πŸ…°οΈngular.

In this post, I’m going to explain how Angular won out over the competition.

https://t.me/pgimg/55

[ Article ] : http://bit.do/angwon

γ€°γ€°γ€°γ€°γ€°γ€°
#Angular #React #Vue
@ProgrammingTip
NGX Toastr πŸ’Ž
Easy Toasts for
Angular πŸ…°οΈ

πŸ”ΉπŸ”ΈπŸ”ΉπŸ”Έ

Features ✨:

β€’ Toast Component Injection without being passed ViewContainerRef

γ€°γ€°γ€°

β€’ No use of *ngFor. Fewer dirty checks and higher performance.

γ€°γ€°γ€°

β€’ AoT compilation and lazy loading compatible

γ€°γ€°γ€°

β€’ Component inheritance for custom toasts

γ€°γ€°γ€°

β€’ SystemJS/UMD rollup bundle

γ€°γ€°γ€°

β€’ Animations using Angular's Web Animations API

γ€°γ€°γ€°

β€’ Output toasts to an optional target directive

γ€°γ€°γ€°

β€’ Individual Options

πŸ”ΉπŸ”ΈπŸ”ΉπŸ”Έ

https://t.me/pgimg/68

[ Github ] : http://bit.do/ngxg
[ Demo ] : http://bit.do/ngxd

γ€°γ€°γ€°γ€°γ€°γ€°
#Angular #Notification #Toastr
@ProgrammingTip
Angular 4 Custom Validation for Template Driven forms πŸ…°οΈ

This article consists an example for a custom email validator using regex. 🌐

Angular 4 Already has a built-in validator for this β€œng-pattern”. ⚠️

But this article is more focused on creating a base for custom validators so you could improve and use it for other use cases. πŸ’Ž

Usage :
<input type="email" emailvalidator>



https://t.me/pgimg/74

[ Website ] : http://bit.do/anva

γ€°γ€°γ€°γ€°γ€°γ€°
#JavaScript #Angular #Forms
@ProgrammingTip
Programming Tips πŸ’‘
Photo
ASP.NET Core.2 & Angular 5.pdf
7.3 MB
ASP.NET Core 2 & Angular 5 - Full Stack Web Development with .NET Core & Angular πŸ“•

Author : Valerio De Sanctis πŸ–Š

Publisher : Packt πŸ’Ž

γ€°γ€°γ€°γ€°γ€°γ€°
#Book #AspMvc #Core #Angular
@ProgrammingTip
Angular Console πŸ…°οΈ

The Power of the Angular CLI. ⚑️
The Convenience of an App. πŸ’Ž

Spend less time looking up command line arguments, and more time shipping incredible products. ✨

The Angular CLI is immensely powerful and extensible. πŸŒ€

In fact, there are so many capabilities that it can often be hard to remember all of the different configuration options for every available command, or remember that certain features even exist. 🌍

Angular Console is, first and foremost, a more approachable way to work with what the Angular CLI already provides. πŸ”₯

Availabe for: Mac, Windows βœ…


https://t.me/pgimg/155

[ Download ] : kutt.it/ngcli

γ€°γ€°γ€°γ€°γ€°γ€°
#JavaScript #Angular #CLI
@ProgrammingTip
PrimeNG πŸ…°οΈ

PrimeNG
is a collection of rich UI components for Angular. 🌈

All widgets are open source and free to use under MIT License. πŸ’Έ

Features πŸ’Ž :
β€’ 80+ Components
β€’ Open Source
β€’ Productivity
β€’ Themes
β€’ Templates
β€’ Mobile


https://t.me/pgimg/174

[ Website ] : kutt.it/pmng
[ Github ] : kutt.it/pmngi

γ€°γ€°γ€°γ€°γ€°γ€°
#Angular #UIKit
@ProgrammingTip
​​Notify Your Angular App Using SignalR πŸ”₯

In this small article we'll walk you through how to create a notification service using .NET Core 2.0 Web Api, .NET Core SignalR & Angular. πŸ’Ž

Let’s get into business. ✨


[ Article ] : kutt.it/ngnoti

γ€°γ€°γ€°γ€°γ€°γ€°
#AspMvc #Core #Angular #SignalR
@ProgrammingTip
NGXS ✨

NGXS is a state management pattern + library for Angular. πŸ…°οΈ

It acts as a single source of truth for your application's state, providing simple rules for predictable state mutations. ⚑️

NGXS is modeled after the CQRS pattern popularly implemented in libraries like Redux and NgRx but reduces boilerplate by using modern TypeScript features such as classes and decorators. πŸ”₯

NGXS tries to make things as simple and accessible as possible. 🧩

There can be a lot of boilerplate code in state management, thus a main goal of NGXS is to reduce boilerplate allowing you to do more things with less. πŸ’Ž


https://t.me/pgimg/193

[ GitHub ] : github.com/ngxs/store
[ Website ] : ngxs.gitbook.io

〰️〰️〰️〰️〰️〰️
#Angular #StateManagement #FrontEnd
@ProgrammingTip
Optimizing an Angular Application πŸ…°οΈ

In this video you see how to optimize an Angular application with some simple techniques. πŸ”₯

[ Video ] : kutt.it/ng-opt

〰️〰️〰️〰️〰️〰️
#Angular #Optimization
@ProgrammingTip