100-days-of-code-log

Main target: I will code for at least an hour every day for the next 100 days.

Actually it is a challenge for 100 days to make a habit of everyday coding to develop my skill sets. I inspired by Alexander Kallaway #100DaysOfCode challenge. More details about the challenge can be found here: 100daysofcode.com or the official repo.

| Start Date | End Date | | ------------ | ------------ | | 25 May, 2017 | --------|

Goals

• Make habit of coding daily & learn everyday
• Revisit HTML, CSS, JS for deeper knowledge
• Make some real world projects for my portfolio
• Get a good grap on Node JS & server-side javascript
• Complete FCC certification

Completed Projects List

| No | Project Title | Completed On | | :------------: | ------------ | :------------: | | 1 | Flat Login Template | Day 1 | | 2 | Creative Login/Signup Template | Day 2 | | 3 | Rivet - Simple Blog Template | Day 6 | | 4 | React Weather App | Day 15 | | 5 | React Youtube App | Day 25 |

Log

Day 1: May 25, 2017, Thursday

Today's Progress:

• Revised the basic HTML & CSS
• Completed a "Flat Login Template" project

Link to work:

• Flat Login Template

New thing(s) learned:

• CSS: center an element on a page using transform & translate property

Thoughts: At last able to start the chellenge and do some real coding. Enjoyed the time and work. Wish to have a great journey.

---

Day 2: May 26, 2017, Friday

Today's Progress:

• Continue revising the HTML & CSS
• Completed a "Creative Login/Singup Template" project

Link to work:

• Creative Login/Signup Template

New thing(s) learned:

• CSS: details about position & box-shadow property

Thoughts: Things are going well. As today was a weekend, I got some more time to learn some confusing topics of CSS. Feeling active. 😇😇

---

Day 3: May 27, 2017, Saturday

Today's Progress:

• Deep drive into Responsive Design
• Completed "Learn Responsive Design" inter-active course on Codecademy

Link to work:

• Codecademy Profile Page

New thing(s) learned:

• CSS: details about @media property
• CSS: apply different style based on DPI ( min-resolution , max-resolution)

Thoughts: Not a bad day at all. Though it seems like missing doing some commit on github. 😜😜

---

Day 4: May 28, 2017, Sunday

Today's Progress:

• Learning SASS/SCSS CSS preprocessor
• Completed "Learn Sass" course on Codecademy

Link to work:

• Codecademy Profile Page

New thing(s) learned:

• CSS: details about SCSS variable , mixins , nesting features

Thoughts: Interactive courses (like freecodecamp, codecademy) are great for learning new topics with some hands-on coding. I should complete some more interactive courses on those.

---

Day 5: May 29, 2017, Monday

Today's Progress:

• Learning about moduler css & CSS BEM coding styles
• Working on a HTML5 Blog template

Link to work:

• Project was not finished today. Hope it'll finish tomorrow.

New thing(s) learned:

• CSS: moduler css application and benifits, why & how

Thoughts: It was a busy day for learning new things so got fewer things done today. Hope can do some more tomorrow.

---

Day 6: May 30, 2017, Tuesday

Today's Progress:

• Completed yesterday's blog template project "Rivet | Simple Blog Template"

Link to work:

• Rivet | Simple Blog Template

New thing(s) learned:

• Issues of building a responsive site manually without any framework

Thoughts: It is really hard to create and maintain a responsive site without organized code. It's also very time consuming. Got a better realization why those CSS frameworks are so much popular. I think speed will come through experience. 😁

---

Day 7: May 31, 2017, Wednesday

Today's Progress:

• Deep dirve into CSS3 properties and animation
• Started some small animation transition projects

Link to work:

• No complete project today.

New thing(s) learned:

• CSS: border-image property & CSS3 animations

Thoughts: After all, the journey going well. Completed 1st week of the journey. It's motivaing me to carry on. Not a bad progress over-all.

---

~~Day 8~~ (Off Day 1): June 01, 2017, Thursday

Today's Progress:

• It was an off day. There were some family program.

Link to work:

• None

New thing(s) learned:

• None

Thoughts: It's better to sometime take a break. Feeling fresh.

---

Day 8: June 02, 2017, Friday

Today's Progress:

• Deep dirve Bootstrap framework
• Started a bootstrap project wish to finish tomorrow

Link to work:

• No complete project today.

New thing(s) learned:

• Bootstrap: modal details and how to create

Thoughts: It's time to speed up some building process with frameworks. As expected, Bootstrap is the first one to look at. Wish to do some quality projects with Bootstrap.

---

Day 9: June 3, 2017, Saturday

Today's Progress:

• Revisit to Javascript World
• A deep drive into MDN JS
• Started "Learn JavaScript" course on Codecademy

Link to work:

• Codecademy Profile Page

New thing(s) learned:

• JS revisied, nothing much new.

Thoughts: JS is a must have tool for all kind of developer. Though I have some pending CSS animation and Bootstrap projects, I want to start the JS so that I can use them on those projects too. Actually we don't go too far in the frontend world without JS. It's like the opening door of the real power of web. 💪💪

---

Day 10: June 4, 2017, Sunday

Today's Progress:

• Continue "Learn JavaScript" course on Codecademy
• Started eBook "Eloquent JavaScript" by Marijn Haverbeke

Link to work:

• Codecademy Profile Page

New thing(s) learned:

• JS revisied, nothing much new.

Thoughts: I should completed the codecademy course today. Btw, the eBook will be a good start to deep drive into JS. Wish to complete it as soon as possible.

---

Day 11: June 5, 2017, Monday

Today's Progress:

• Completed "Learn JavaScript" course on Codecademy
• Continue reading eBook "Eloquent JavaScript" by Marijn Haverbeke

Link to work:

• Codecademy Profile Page

New thing(s) learned:

• JS: few jQuery methods

Thoughts: Not a bad progress overall. Time to do some project again.

---

Day 12: June 6, 2017, Tuesday

Today's Progress:

• Getting Started with React JS
• Revised completed course "Learn ReactJS: Part I" on Codecademy
• Continue reading eBook "Eloquent JavaScript" [Ch-3] by Marijn Haverbeke

Link to work:

• Codecademy Profile Page

New thing(s) learned:

• JS: React props & states
• Component based web app development

Thoughts: Though I had some experience with React previously, I wanted to have a fresh start. Modern Javascript frameworks like ReactJS/VueJS can bring great power to projects if can be implemented properly. React completely forces the developers to think differently.

---

Day 13: June 7, 2017, Wednesday

Today's Progress:

• Started a little "React Weather App" project
• Continue reading eBook "Eloquent JavaScript" [Ch-3] by Marijn Haverbeke

Link to work:

• No complete project today

New thing(s) learned:

• JS: create-react-app boilerplate usage

Thoughts: Things going well. Hope the first react project will complete tomorrow.

---

Day 14: June 8, 2017, Thursday

Today's Progress:

• Continue working on "React Weather App" project
• Continue reading eBook "Eloquent JavaScript" [Ch-4] by Marijn Haverbeke

Link to work:

• No compl