diff --git a/README.md b/README.md
index fe7e341..3033270 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
We can type `stless` and `stful` and we get Autocomplete Suggestion to generate Stateless Flutter Widget or Stateful Flutter Widget Respectively.
-
+
## #Day2 `If Null` Operator (`??`)
@@ -16,7 +16,7 @@ It also has shorthand assignment when it's null.
`abc??=5 //assigns 5 to abc if it's null`
-
+
## #Day3 Inner Function
@@ -24,7 +24,7 @@ We can define a function inside another function.
This is to encapsulate the inner function from everything else outside the outer function.
-
+
## #Day4 ..Cascade..Chaining..Fluent API
@@ -32,11 +32,11 @@ We can chain method/member calls without returning `this` from **method(), gette
try in [Dartpad](https://dartpad.dartlang.org/290e17306b745ed83b9242653ca55041)
-
+
Can be replaced with
-
+
## #Day5 Dart `data class`
diff --git a/week03.md b/week03.md
index 5896779..4ada8e6 100644
--- a/week03.md
+++ b/week03.md
@@ -14,7 +14,7 @@ but, Flexible uses `fit :FlexFit.loose` by default.
**flex** = The factor of space taken from parent. Mostly not fully used if `flex: FlexFit.loose` used i.e. `Flexible`.
-
+
If you fully read the following image, you will fully understand the difference between `Flexible` and `Expanded`
@@ -51,7 +51,7 @@ You can play with values of snap, floating, pinned etc to get desired effect
## #Day18 What the Key
-
+
Ever wondered why we need GlobalKey(children : GlobalObjectKey, LabeledGlobalKey), LocalKey(children: ObjectKey, ValueKey & UniqueKey) right?
diff --git a/week04.md b/week04.md
index be3a7d8..8b7a690 100644
--- a/week04.md
+++ b/week04.md
@@ -58,7 +58,7 @@ Ever wanted rectangular/stadium Fab with Notch?
[try this code on your editor](https://gist.github.com/erluxman/fd442639bcaf84e14b31f70b00c48fe9)
-
+
## #Day25 Google Fonts in flutter
diff --git a/week05.md b/week05.md
index 428c0bc..5c188b3 100644
--- a/week05.md
+++ b/week05.md
@@ -15,8 +15,10 @@ Use Wrap like you use Column or Row just give it's direction (either vertical or
spacing: 20, //space between previous and next item
runSpacing: 20, //space between new row or column
);
+
[try in codepen](https://codepen.io/erluxman/pen/YzyENpR)
-
+
+
## #Day30 Blur a Widget in Flutter
@@ -40,7 +42,8 @@ To blur a widget, put it below a BackdropFilter widget in stack.
You will a blur like this.
[play in codepen](https://codepen.io/erluxman/pen/xxwPJrY)
-
+
+
## #Day31 Changing Theme Dynamically
@@ -197,10 +200,12 @@ VSCode: typing Open Dev Tools in command Pallet.
Learining to use Dart Dev tool is very 🚨important skill🚨 to have as a Flutter/dart developer.
-
+
+
_Opening in Android Stuido_
-
+
+
_Opening in VSCode_
diff --git a/week06.md b/week06.md
index 22fbf15..9b4fdc2 100644
--- a/week06.md
+++ b/week06.md
@@ -68,7 +68,7 @@ Then, Flutter will handle the rest.
)
[try in codepen](https://codepen.io/erluxman/pen/xxwJRBQ)
-
+
## #Day38 GestureDetector widget
@@ -103,7 +103,7 @@ All those callbacks behave like `onClick(){}` on Button.
[try on codepen](https://codepen.io/erluxman/pen/wvKxVrE)
-
+
## #Day39 Package Animated Text Kit
@@ -124,7 +124,7 @@ animated_text_kit provides some cool ways to animate text appearences.
[animated_text_kit package](https://pub.dev/packages/animated_text_kit#-installing-tab-)
-
+
## #Day40 5 Steps of AnimatedIcon
@@ -138,7 +138,7 @@ We can use AnimatedIcon in 5 simple steps.
[play on codepen](https://codepen.io/erluxman/pen/PoPyNrM)
-
+
## #Day41 Path Provider( `path_provider package`) (common file locations in iOS and Android)
@@ -189,8 +189,9 @@ We can use ShapeBorder to give outline to widgets or Clip them on it's shape. Th
[try in codepen](https://codepen.io/erluxman/pen/vYNQLPx)
-
-
+
+
+
[___`Tips 1-7`___](README.md)
[__`Tips 08-14`__](week02.md)
diff --git a/week07.md b/week07.md
index 60b4512..6e5ff69 100644
--- a/week07.md
+++ b/week07.md
@@ -105,7 +105,7 @@ From dart 2.3 onwards, we can use `collection if` and `collection for` operators
[try on codepen](https://codepen.io/erluxman/pen/yLYGbdy)
-
+
## #Day45 tear-off vs lambda vs function call
@@ -118,7 +118,7 @@ From dart 2.3 onwards, we can use `collection if` and `collection for` operators
2. ___`A lambda.`___
-
+
## #Day46 ColorFiltered Widget
Want to apply filter to image or any widget? Use ColorFiltered widget like this.
@@ -134,7 +134,7 @@ ColorFiltered works with any widgets as child not just Image.
[get the code](https://gist.github.com/erluxman/7b5c1dfec4461b147d9b00a86d080bb5)
-
+
## #Day47 ShaderMask Widget
@@ -161,7 +161,7 @@ Gradients can be easily converted to Shader with createShader() method.
)
[get the code](https://gist.github.com/erluxman/b6f1166ac19b7b2654ee2102c58a8837)
-
+
## #Day48 `synchronized` in dart
@@ -231,7 +231,8 @@ ___`Widget/Image()`___ -Inside-> ___`ClipRRect()`___ -Inside-> ___`Container()`_
),
[try in codepen](https://codepen.io/erluxman/pen/abvxvOz)
-
+
+ 
[___`Tips 1-7`___](README.md)
[__`Tips 08-14`__](week02.md)
diff --git a/week08.md b/week08.md
index 9fb2b49..bf35c49 100644
--- a/week08.md
+++ b/week08.md
@@ -1,5 +1,3 @@
-# Tips 50-56
-
## #Day 50 Use `a is! A` instead of `!(a is A)`
Flutter has special keyword to check if an instance ___`is not a type`___.
@@ -57,7 +55,7 @@ ___`hide :`___ Hide only certain class & show everything else from it.
`import 'dart:core' hide String;`
-
+
## #Day53 final vs const
diff --git a/week09.md b/week09.md
index 6751ede..a827412 100644
--- a/week09.md
+++ b/week09.md
@@ -1,3 +1,4 @@
+
# Tips 57 - 63
## #Day57 typedef
@@ -82,7 +83,7 @@ Even though flutter doesn't support any vector graphics out of the box, the pack
[visit flutter_svg](https://pub.dev/packages/flutter_svg#-readme-tab-)
-
+
## #Day61 Using Flare Animations
@@ -110,7 +111,7 @@ Similar to vector graphics, Flutter doesn't support vector animation natively. [
[Visit Flare and SVG sample](https://github.com/erluxman/FlutterSVGFlareDemo)
-
+
## #Day62 pubspec autocomplete
@@ -149,7 +150,7 @@ It will make app feel faster and save network bandwidth.
Image.network | CachedNetworkImage
:-------------------------:|:-------------------------:
- | 
+
| 
[___`Tips 1-7`___](README.md)
[__`Tips 08-14`__](week02.md)
@@ -168,3 +169,4 @@ Image.network | CachedNetworkImage
[__`Tips 78-84`__](week12.md)
[__`Tips 85-91`__](week13.md)
[__`Tips 92-98`__](week14.md)
+
diff --git a/week10.md b/week10.md
index 69aac85..d492520 100644
--- a/week10.md
+++ b/week10.md
@@ -180,7 +180,7 @@ Just give the animation `duration` & the updated `TextStyle`. `AnimatedDefaultTe
[try in codepen](https://codepen.io/erluxman/pen/XWXKBJP)
-
+
[___`Tips 1-7`___](README.md)
[__`Tips 08-14`__](week02.md)
diff --git a/week11.md b/week11.md
index 79cc8da..24ee74c 100644
--- a/week11.md
+++ b/week11.md
@@ -5,7 +5,7 @@
`MediaQuery` gives the information about screen like `height`, `width`, `pixels`, `notch size`, **Device scale factor & text scale factor set on setting**, `device theme light/dark` , system animation `enabled/disabled` etc.
[try on codepen](https://codepen.io/erluxman/pen/xxZEZGG)
-
+
## #Day72 Decimal points
@@ -17,7 +17,8 @@ Want to get desired number of digits after decimal?
For convenience we can use extension functions.
[try on dartpad](https://dartpad.dartlang.org/3bdfd6923d1e8788ed81eaae9e77655f)
-
+
+
## #Day73 String multiplication
@@ -26,7 +27,7 @@ You can multiply String like numbers.
"Foo"*2 //Foo
"Bar "*5 //Bar Bar Bar Bar Bar
-
+
## #Day74 enum values
@@ -71,6 +72,7 @@ A mixin cannot use another mixin.
#### Conclusion : Use `mixin` if you want to reuse the behaviour and state of multiple classes
+
## #Day76 CustomPainter
CustomPainter provides canvs to draw different shapes.
@@ -79,12 +81,13 @@ CustomPainter provides canvs to draw different shapes.
2. Override paint(canvas,size) method and draw various shapes(circle,arc,rectangle,line etc) inside it.
3. Add a CustomPaint widget on screen and pass the CustomPainter as paint and it's size.
-
+
Output
-
-
+
+
+
[try on codepen](https://codepen.io/erluxman/pen/YzwZpba)
diff --git a/week12.md b/week12.md
index 1d0f338..6a825dd 100644
--- a/week12.md
+++ b/week12.md
@@ -37,7 +37,7 @@ Have you been navigating to different screen like this?
**Just import all the folders, it will work 🎉🍾.**
-
+
## #Day 80 Make a class of Resources like R.string, R.svg,R.images, R.flare etc instead of direct asset path
@@ -118,7 +118,7 @@ You can display PDF easily with `pdf_flutter`
Visit [pdf_flutter](https://github.com/erluxman/pdf_flutter)
-
+
## #Day83 `flutter clean`
@@ -181,7 +181,7 @@ Alice records Http request,payload & response which can be viewed in simple UI (
[get alice](https://pub.dev/packages/alice)
-
+
[___`Tips 1-7`___](README.md)
[__`Tips 08-14`__](week02.md)
diff --git a/week13.md b/week13.md
index bc51d1b..a4a340a 100644
--- a/week13.md
+++ b/week13.md
@@ -87,7 +87,7 @@ Using Flutter snippets helps gain speed and become productive by eliminating the
[for vscode](https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets)
-
+
## #Day88 Create Emoji FloatingActionButton
@@ -107,7 +107,7 @@ FloatingActionButton(
[try in codepen](https://codepen.io/erluxman/pen/vYLpgBo)
-
+
## #Day89 Run any task in a periodic interval with `Timer.periodic()`
@@ -124,7 +124,7 @@ Timer.periodic(const Duration(seconds: 1), (Timer time) {
[try on codepen](https://codepen.io/erluxman/pen/pogpqxX)
-
+
## #Day90 Launcher Icon with ease
@@ -189,7 +189,7 @@ PressableDough(
[visit dough](https://pub.dev/packages/dough#-installing-tab-)
-
+
[___`Tips 1-7`___](README.md)
[__`Tips 08-14`__](week02.md)
diff --git a/week14.md b/week14.md
index cac24c9..eb9a34b 100644
--- a/week14.md
+++ b/week14.md
@@ -81,7 +81,7 @@ class State ...{
[visit sample gist](https://gist.github.com/erluxman/7e47f12378e79e0168cca7b6eea1c416)
-
+
## #94 ⚡️ `superCharged`⚡️
@@ -143,7 +143,7 @@ We can apply TextStyle to all the widgets in the hirarchy by wrapping it with De
[visit sample](https://codepen.io/erluxman/pen/wvMXJKK)
-
+
## #96 `flutter_cache_manager`
@@ -183,7 +183,8 @@ dependencies:
)
```
-
+
+
[visit pacakge](https://pub.dev/packages/flutter_linkify#-installing-tab-)
### #98 Package `flutter_spinkit`