I am giving second chance committing to the #100daysofcode Challenge (19th July 2020 - 3rd Jan 2021)

Roadmaps to Web Development:

1. Roadmap by Kamran Ahmed
2. Roadmap by Andrei Neagoie
3. Roadmap by CODEStackr

These are the notes I prepared for myself while revising HTML, CSS.

1. Day 1 - HTML
2. Day 2 to Day 7 - Completed CSS and below are the CSS Complete Notes
   • CSS Basics
   • CSS Basics Part 2
   • CSS Intermediate
   • CSS Advanced
   • PureCSS Card using CSS Shadows
3. Day 8 - SVG
4. Day 9 - Watched some videos on SVG by Kevin Powell on YouTube.
5. Day 10 - Made GitHub Logo with PureCSS
6. Day 11 and Day 12 (2.5hr and 4.5hr) - Made a website to showcase my #dailycssimages Challenge
7. Day 13 and Day 14 (3hr and 2.5hr)
   • Animated Me with PureCSS and a touch of SVG
   • Sass Basics
8. Day 15, Day 16 and Day 17 - Sass Video by codeSTACKr
   • Notes from this course
9. Day 18 - Started Sass Project "Stranger Things" - Prototyping
10. Day 19 - Revision of HTML, CSS, Animation, Flexbox, Grid, SVG(basics) and Sass
11. Day 20 - More Sass Videos on Youtube
12. Day 21 - Sass Blogs and worked on my Sass Project
13. Day Off - I took a day off
14. Day 22 (4hr) - Sass Project
15. Day 23 (3hr) - Sass Project "Stranger Things" Complete
16. Day 24 (3hr) - Sass Project "Stranger Things" - Responsive now
17. Day 25 (3hr)
    • 1hr - Tried to fix the linkable icons
    • 2hr - Started JavaScript (Basics- Variables, Data Types, Operators, Events)
18. Day 26 (3hr) - JavaScript Course on Scotch.io
    • Notes from this course
19. Day 27 (2.5hr) - JavaScript - Conditional statements and Loops
20. Day 28 (3hr) - JavaScript - Arrays, Functions and Objects (this keyword)
21. Day 29 (3hr)
    • Revision of JavaScript Topics till covered - Notes
    • Exercise on w3schools.com
    • Exercise on freeCodeCamp
22. Day 30 (2.5hr) - freeCodeCamp video on JavaScript on YouTube - Half
23. Day 31 (3hr)
    • freeCodeCamp video on JavaScript on YouTube completed
    • Reading JavaScript Official Document
24. Day 32 (1.5hr) - codeSTACKr video on JavaScript Tutorial for Beginners on YouTube
25. Day 33 (2hr) - Completed with the codeSTACKr video on JavaScript Tutorial for Beginners
26. Day 34 (2.5hr) - Started with JavaScript30 Course by Wesbos - Day 1 : Drum Kit and made by version of it.
27. Day 35 (2hr) - Day 2 : Clock of JavaScript30 Course by Wesbos
28. Day 36 (1.5hr) - Day 3 : CSS Variables of JavaScript30 Course by Wesbos
29. Day 37 (2hr) - Fall Game JS by KnifeCircus on YouTube - Need to Debug
30. Day 38 (1hr)
    • Debugging of Fall Game (Need more time.. I guess)
    • Day 4 : Flex Gallery of JavaScript30 Course by Wesbos
31. Day 39 (0.5hr) - Day 5 : KOANI CODE of JavaScript30 Course by Wesbos
32. Day 40 (1hr) - Day 6 : Mouse Move Effect of JavaScript30 Course by Wesbos
33. Day 41 (1hr) - Day 7 : Sort without Articles of JavaScript30 Course by Wesbos
34. Day 42 (2hr) - Started Reading the Book: "JavaSCript & Jquery" by Jon Duckett
35. Day 43 (0.5hr) - Read few pages of the Jon Duckett book
36. Day 44 (1.5hr) - Snippets from Jon Duckett Book (till Pg. 83)
37. Day 45 (0.5hr) - Read one blog Project Ideas to become a Full STack Master on Dev.to
38. Day Off - I took a day off
39. Day 46 (1hr) - Snippets from Jon Duckett Book (till Pg. 112)
40. Day 47 (1.5hr) - Completed Functions, Methods and Objects examples given in book by JonDuckett
41. Day 48 (2hr) - Completed Decision and Loops examples given in book by JonDuckett
42. Day 49 (1hr) - Halfway through DOM examples given in book by JonDuckett
43. Day 50 (1hr) - Few more DOM examples given in book by JonDuckett
44. Day Off - I took a day off
45. Day 51 (1hr) - DOM Examples Completed
46. Day 52 (1hr) - Started with Event examples given in book by JonDuckett
47. Day 53 (1hr) - Continuing with Event examples given in book by JonDuckett
48. Day 54 (1hr) - Completed with Event examples given in book by JonDuckett
49. Day 55 and Day 56 (1hr) - Read the official documentation on JavaScript events
50. Day 57 (2hr) - Modified GitHub Readme File using HTML and SCSS
51. Day 58 (0.5hr) - Read about CSS Animation
52. Day 59 (0.5hr) - Read about CSS Animation
53. Day 60 (2hr) - Pure CSS - Speaker with little animation on CodePem
54. Day 61 (1hr) - Pure CSS Letter P google style on CodePen
55. Day 62 (2.5hr) - Pure CSS (SCSS)-Digital Boarding Pass on CodePen
56. Day 63 (2hr) - Pure CSS - My Desk Component Started
57. Day 64 and Day 65 (3hr) - Pure CSS - My Desk Component in progress
58. Day 66 (1hr) - Little Animation Component on CodePen
59. Day 67 (2.5hr) - Pure CSS - My Desk Component in progress
60. Day 68 (3.5hr) - First component is all set!!
61. Day Off - I took two days off
62. Day 69 (1hr) - Started planning for my portfolio. And the home page is almost set!
63. Day 70 (1hr) - Portfolio - Home page set and blueprint for other pages
64. Day 71 (3hr) - Worked on my portfolio
65. Day 72 (4hr) - Worked on my portfolio and another component
66. Day 73 (6hr) - Worked on my portfolio
67. Day 74 (2hr) - Worked on my portfolio and Experimenting
68. Day 75 (1hr) - Worked on my portfolio
69. Day 76 (1hr) - Worked on my portfolio
70. Day Off - I took five days off
71. Day 77 (1hr) - Worked on Portfolio and made some components
72. Day 78 and Day 79 (1hr) - Tried different animations for my portfolio
73. Day 80 and Day 81 (1hr) - Planning for Personal Portfolio
74. Day 82 (2hr) - Another Component using HTML CSS in CodePen
75. Day 83 - Day 86 (5hr) - Learnt Basics of Figma and tried designing my portfolio in Figma
76. Day Off - I had a gap of 57 days due to some work
77. Day 87 - Day 97 (1hr) - Redesigned About Page and Contact Page
    • CodePen Experiments 1
    • CodePen Experiments 2
    • CodePen Experiments 3
78. Day Off - 3 Day gap due to work
79. Day 98, Day 99 and Day 100 (1hr) - Finally completed 100DaysOfCode and My Portfolio

By @pramesha