BC ANGULAR

Saved by @IamKishor_P

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯
@mdjunaidap 4 years ago 920 views

Save to PDF Share See On Twitter

Angular Roadmap for Beginners in 2022.

🧵

⇝ Fundamentals ⇜

➙ Typescript
➙ Angular CLI
➙ NgModules

• Components

➙ Class
➙ Template
➙ Metadata

• Template Syntax

➙ Interpolation
➙ Property Binding
➙ Two-way binding
➙ Pipes
➙ Template Reference Variables

➪ Directives

➪ Component

• Structural
➙ ngSwitch
➙ ngFor
➙ ngIf

• Attribute
➙ NgClass
➙ NgStyle

➪ Component Styling
➙ Input
➙ Output

➪ Component Interaction
➙ Lifecycle methods

⇝ Advanced Topics ⇜

➪ Services

➙ Dependency Injection
➙ Providing Services

➪ Observables

➙ Creating Observables
➙ Subscribing to Observables
➙ Executing Observables
➙ Disposing Observables
➙ Operators

➪ HTTP Client

➙ HTTPClient
➙ GET, POST, PUT & DELETE
➙ Typed Response
➙ Error Handling
➙ Interceptors

➪ Forms

• Template Driven Forms

➙ FormsModule
➙ NgForm
➙ NgModel
➙ Ng Model Group
➙ Tracking State and Validity
➙ Validation and error messages
➙ ng submit

• Reactive Forms

➙ ReactiveFormsModule
➙ FormControl
➙ FormGroup
➙ setValue and patchValue
➙ Form builder Service
➙ Validatior Functions
➙ Form array
➙ ng submit

➪ Routing

➙ RouterModule
➙ Configuring Routes
➙ Router Outlet
➙ router link
➙ Wildcard routes
➙ Redirecting Routes
➙ Route parameters
➙ Nested Routes
➙ Relative paths
➙ Lazy loading Routes
➙ Route Guards

➪ Animations

➪ Ecosystem

➪ State management
➙ ngRx

➪ UI library
➙ Angular material

➪ Server side rendering
➙ Angular universal

➪ Testing
➙ Jasmine and karma
➙ Profractor

➪ Miscellaneous
➙ i18n
➙ Accessibility

Credits: https://t.co/yILESYOnzz

🔥 700+ Tools & Resource 🌟 for Developers, Designers, and Creators.

Learn.
Build.
Sell.

I've Curated incredible tools and learning resources for developers, designers & content creators.
https://t.co/2XaQR6RW0w

More from Mohammed Junaid 🎯

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

Master Frontend Development for Free.

Thread: 🧵

Note: Choose one or two resources and concentrate on building projects.

Building projects are the one & only way to excel in web development.

1️⃣ Internet:

1. How does Internet work?
🔗 https://t.co/xzyO8cMfRw

2. What is HTTP?
🔗

3. How do Browsers Work?
🔗 https://t.co/3mwSrLhXvY

4. What is Domain?
🔗

5. What is Hosting?
🔗 https://t.co/wdTzfhh00C

6. DNS and How it Works?
🔗

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

Data Structures & Algorithms Roadmap for Beginners in 2022.

🧵↓. 🤯↓.

Data Structures & Algorithms are One of the very Important Topics to Crack Big Tech Companies.

Here's the best way to learn.

➪ Choose a language.

- Learn Fundamentals.
- Basic Syntax.
- Data Types.
- Operators, Variables, Functions.
- Conditional Statements, loops.

Best Case: C++ Or Java

•• Time & Space Complexity

Advertisement

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

40+ Resources to Learn..
Data Structures & Algorithms 🔥🤩🚀

From:
⭕Youtube.
🆓Free Courses.
💰 Paid Courses.
🤩 Websites.
📚 Books.

Mega Thread 🧵🤯 👇

⭕ Youtube.

⭕ Data Structures and Algorithms | How to master DSA for coding interviews?
🔗 https://t.co/pt8y650bub

⭕ Data Structures and Algorithms for Beginners
🔗

⭕ Data Structures Easy to Advanced Course - Full Tutorial from a Google Engineer
🔗 https://t.co/uKgpRpj9Hf

⭕ Introduction to Data Structures
🔗 https://t.co/2zO5jFru8G

⭕ Algorithms and Data Structures - Full Course for Beginners from Treehouse
🔗

⭕ Data Structures - Full Course Using C and C++
🔗 https://t.co/pcWKANq5Ko

⭕ Data Structures and Algorithms in JavaScript - Full Course for Beginners
🔗

⭕ Data Structures & Algorithms By CS Dojo
🔗 https://t.co/n9U44GjLMt

⭕ Algorithms & Data Structures Full Crash Course
🔗

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

Master Frontend Development for Free.

Thread: 🧵

Note: Choose one or two resources and concentrate on building projects.

Building projects are the one & only way to excel in web development.

1️⃣ Internet:

1. How does Internet work?
🔗 https://t.co/xzyO8cMfRw

2. What is HTTP?
🔗

3. How do Browsers Work?
🔗 https://t.co/3mwSrLhXvY

4. What is Domain?
🔗

5. What is Hosting?
🔗 https://t.co/wdTzfhh00C

6. DNS and How it Works?
🔗

$Mohammed Junaid \U0001f3af$

Mohammed Junaid 🎯...
@mdjunaidap

Master Tailwind CSS For Free: 🧵

1. Tailwind in 100 Seconds

🔗

2. Tailwind Labs

🔗

3. Traversy Media

🔗

4. Codedamn

🔗

You May Also Like

Enigma
@ainittomai

On December 25 Mr Pool retweeted August 16 message about the Phoenix and that the worst was still on the horizon to come. 1/*

Maybe now we can assume that November 3 message meant "FUD" nor "FUN". Putting the word in capital letters seems to indicate the aspect the word fud has in our space, FUD. 2/*

Brad started it on December 22 (1/3 posts (Don't say? Sure) = 13 = Plan B). 3/*

And immediately the SEC followed dropping the bomb (1.3 billions (Don't say? Sure) = 13 = Plan B). 4/*

FUD materializes, Bitstamp is one of the first that haltes XRP trading and so on. 5/*

Aron Hyman
@aron_hyman

THREAD: The following tweets are for the purposes of stories that will appear in Sunday Times Daily. The videos and images depicted may be upsetting but are deemed to be in the public interest. This is the story of the Ayanda "Borhey" Mtila as far as we were able to verify it.

On 13 October Mtila as defacto overlord of the Boko Harram gang, allegedly carried out his penultimate cash-in-transit robbery. Sources say he sustained a head wound in a shootout with security guards. Some friends believe he was killed by a fellow

He died two days later, on 15 October, after allegedly being in a coma for more than a day. His funeral was a spectacle, held on Nyanga Sports fields on 24 October and attended by hundreds of people. Sources say it was made possible by Paarl businessman Lukhanyo "Spur" Mangena.

Advertisement

Nigeria Stories
@NigeriaStories

The Story of how Mary Slessor Stopped the killing of Twins but sadly died of Fever.

All you need to know

Retweet to educate someone

Killing new-born twins was common practice in the 19th century among the Ibibio people of Nigeria, but one Scotswoman went to great lengths to put an end to this.

Aberdeen-born Mary Slessor was one of the few missionaries in Africa who learnt the local language, adapted to the native customs and environment and gained the trust of the locals in order to make a truly positive impact.

Her father, a shoe-maker from Buchan, became incapacitated by alcoholism and Mary more or less became the breadwinner for the family.

From the age of 11, she worked as a ‘half-timer’ mill girl in the Baxter Brothers and Co Ltd, spending half the day at a school provided by the mill owners and the other half working for the company

Nicolas
@necolas

A brief analysis and comparison of the CSS for Twitter's PWA vs Twitter's legacy desktop website. The difference is dramatic and I'll touch on some reasons why.

Legacy site *downloads* ~630 KB CSS per theme and writing direction.

6,769 rules
9,252 selectors
16.7k declarations
3,370 unique declarations
44 media queries
36 unique colors
50 unique background colors
46 unique font sizes
39 unique z-indices

https://t.co/qyl4Bt1i5x

PWA *incrementally generates* ~30 KB CSS that handles all themes and writing directions.

735 rules
740 selectors
757 declarations
730 unique declarations
0 media queries
11 unique colors
32 unique background colors
15 unique font sizes
7 unique z-indices

https://t.co/w7oNG5KUkJ

The legacy site's CSS is what happens when hundreds of people directly write CSS over many years. Specificity wars, redundancy, a house of cards that can't be fixed. The result is extremely inefficient and error-prone styling that punishes users and developers.

The PWA's CSS is generated on-demand by a JS framework that manages styles and outputs "atomic CSS". The framework can enforce strict constraints and perform optimisations, which is why the CSS is so much smaller and safer. Style conflicts and unbounded CSS growth are avoided.

$Anu Satheesh \U0001f1ee\U0001f1f3$

Anu Satheesh 🇮🇳...
@AnuSatheesh5

Cherthala Karthyayani Kshetram
#Alappuzha, Kerala
#KeralaTemples 🚩

Cherthala Karthyayani Temple Prathishta was done by Vilwamangalam Swamy. Chertala Pooram is very famous. Devi is Mangalya Dayini here removes obstacles relating to marriages. Sthala Puranam says that, once 👇

Vilwamangalam Swamiyar was passing this area after Prathista of Padmananbhaswamy Temple, he felt Devi chaitanyam and recognized as Karthyayani Devi. But Devi seeing Vilwamangalam went inside the pond. Swamy searched for Devi continously for 6 days and on 7th day Vilwamangalam

got hold of Devi's hair. Thus only Devi's head is Prathishta here. Devotees do Kozhi parathal ( offering cock) here as an offering to Karthyayani Devi.

Karthyayaniamme Sharanam
🙏🕉🙏