Discover and read the best of Twitter Threads about #301DaysOfCode
Most recents (9)
Sometime in @angular app template try to load data which hasn’t been calculated yet and as a result view is empty because data is retrieved after the view is rendered.
🧵👇
#Angular #100DaysOfCode #CodeNewbie #WomenWhoCode #javascript #DEVCommunityIN #301DaysOfCode #coding
🧵👇
#Angular #100DaysOfCode #CodeNewbie #WomenWhoCode #javascript #DEVCommunityIN #301DaysOfCode #coding
To solve this issue lifecycle hook like ngAfterViewInit() comes handy. You may trigger your data retriev call in this hook.
@threadreaderapp unroll
The :is() CSS pseudo-class in one picture:👇👇
#100DaysOfCode #CodeNewbies #301DaysOfCode #30daysofcode #frontenddev #webdev #WomenWhoCode #learntocode #coding #DEVCommunity #CSS #CSS3
#100DaysOfCode #CodeNewbies #301DaysOfCode #30daysofcode #frontenddev #webdev #WomenWhoCode #learntocode #coding #DEVCommunity #CSS #CSS3
Sorry for the typo in the pic above. Forgot to add comma after a element so it should be like this: 👇👇
header :is(h1, span, a, .btn)
header :is(h1, span, a, .btn)
@threadreaderapp unroll
In #javascript array.some() determines whether the specified callback function returns true for any element of an array.
#100DaysOfCode #301DaysOfCode #WomenWhoCode #learntocode #CodeNewbie #javascript30 #developers #FrontEndDevelopment #programming #30Daysofcode #coding
#100DaysOfCode #301DaysOfCode #WomenWhoCode #learntocode #CodeNewbie #javascript30 #developers #FrontEndDevelopment #programming #30Daysofcode #coding
A function that accepts up to three arguments. The some method calls the predicate function for each element in the array until the predicate returns a value which is coercible to the Boolean value true, or until the end of the array.
@threadreaderapp unroll
In @angular 10 or above ng new --strict flag will setup your new project with following things:
✔️ Enables strict mode in TypeScript
✔️ Turns template type checking to Strict
#100DaysOfCode #301DaysOfCode #30DaysOfCode #CodeNewbies #WomenWhoCode #coding #angular #typescript
✔️ Enables strict mode in TypeScript
✔️ Turns template type checking to Strict
#100DaysOfCode #301DaysOfCode #30DaysOfCode #CodeNewbies #WomenWhoCode #coding #angular #typescript
✔️ Default bundle budgets have been reduced by ~75%
✔️ Configures linting rules to prevent declarations of type any😍
✔️ Configures your app as side-effect free to enable more advanced tree-shaking
✔️ Configures linting rules to prevent declarations of type any😍
✔️ Configures your app as side-effect free to enable more advanced tree-shaking
@threadreaderapp unroll
Here are the mutable and immutable data types in #javascript
mutable:
🔹 Object
🔹 Array
🔹 Function
Thread 1 of 2
#100DaysOfCode #301DaysOfCode #WomenWhoCode #CodeNewbies #coding #WebDev #DevCommunity #30DaysOfCode #programming #developers #learntocode
mutable:
🔹 Object
🔹 Array
🔹 Function
Thread 1 of 2
#100DaysOfCode #301DaysOfCode #WomenWhoCode #CodeNewbies #coding #WebDev #DevCommunity #30DaysOfCode #programming #developers #learntocode
2 of 2
immutable:
🔹 Boolean
🔹 Number
🔹 String
🔹 Symbol
🔹 Null
🔹 Undefined
immutable:
🔹 Boolean
🔹 Number
🔹 String
🔹 Symbol
🔹 Null
🔹 Undefined
@threadreaderapp unroll
Dear #deverlopers or #codenewbies if you are confused about Promises and Observables then follow below thread.
#100DaysOfcode #301DaysOfCode #WomenWhoCode #javascript #webdev #programming #coding #learntocode #Angular #rxjs #DevCommunity
#100DaysOfcode #301DaysOfCode #WomenWhoCode #javascript #webdev #programming #coding #learntocode #Angular #rxjs #DevCommunity
▶️ Observables vs Promises
Both Promises and Observablesprovide uswithabstractions that help usdeal with the asynchronousnatureof our applications. However, thereareimportantdifferences between thetwo:
Both Promises and Observablesprovide uswithabstractions that help usdeal with the asynchronousnatureof our applications. However, thereareimportantdifferences between thetwo:
1️⃣ As seen in theexample above, Observables candefineboth the setup and teardown aspects of asynchronousbehavior.
2️⃣ Observables are cancellable.
2️⃣ Observables are cancellable.
@angular change detection is a transparent mechanism for synchronizing component data with the template view automatically (no application code needed).
There are two types of change detection.
Follow the 🧵 below 👇👇
#100DaysOfCode #301DaysOfCode #CodeNewbies #Angular
There are two types of change detection.
Follow the 🧵 below 👇👇
#100DaysOfCode #301DaysOfCode #CodeNewbies #Angular
default change detection: Angular decides if the view needs to be updated by comparing all the template expression values before and after the occurrence of an event, for all components of the component tree.
OnPush change detection: this works by detecting if some new data has been explicitly pushed into the component, either via a component input or an Observable subscribed to using the async pipe.
#Git Tips 👉 This is how to remove sensitive data from history, after a push 😎
#GitHub #DevTips #100DaysOfCode #CodeNewbie #301DaysOfCode
#GitHub #DevTips #100DaysOfCode #CodeNewbie #301DaysOfCode
#Git Tips 👉 To show all the tracked and untracked files. #GitHub #DevTips #100DaysOfCode #CodeNewbie #301DaysOfCode
#Git Tips 👉 This one comes in handy when you accidentally commit something with a typo or misleading commit message. The -v is optional, but I like it coz it shows lot of info about changes which helps to write a more descriptive commit message. #100DaysOfCode #CodeNewbie
In this thread I'll go over some principles that helped me self-teach and get my first dev job. In no particular order and off the top of my head. I'll go into more detail in a blog post at a later stage...
#codenewbies #100DaysOfCode #301DaysOfCode #CodeNewbie
#codenewbies #100DaysOfCode #301DaysOfCode #CodeNewbie
Principle #1: Habit. Don't expect to always enjoy coding. Sit at your computer regardless. My keystone habit is actually getting up early, everything flows from that. In days gone by you couldn't drag me from bed if you tried. Now it's almost automatic. Keep working at it.
Principle #2: Active learning. Avoid passive learning at all costs, it's a cognitive illusion. This is scientifically well documented. Test your memory. Try creating your own features, get stuck and find solutions on Google. If it feels uncomfortable you're doing the right thing.
