We finished the Week 1
Me & my brother Suraj have just finished Week 1 of the #100DaysOfCode challenge and now we are ready and excited to move forward. This week we focused on building a strong foundation by covering up the basics so that we can prepare ourselves for what's coming ahead.
Coming week we are gonna take things to a next level and really get our hands dirty with some advanced topics like DOM & Advanced JS. Can't wait to learn all of it.
Just in case if you're not, please do follow both Me & Suraj on Twitter as we are posting about our journeys every day so that we can keep you motivated in your own journeys.
We have created Projects
While we were learning, we also wanted to apply everything we have learnt. To do that, we have been creating projects every single day and applying what we have learnt on that particular day. We have created a GitHub Repository for that as well. Check out the repo, give it a star and follow us on GitHub so that you can stay updated as we add new projects to the repo.
mindninjaX / 100DaysOfCode
A GitHub Repo for my #100DaysOfCode challenge projects
Challenges we faced
Uff! It wasn't easy, to be honest, but we did it. Once we get used to it, hopefully, things will become easier for us. Somedays we were not able to finish the material we initially aimed at so we just had to work on it, the next day and this is how we were able to cover everything!
I won't say it was very difficult, but neither will say that it was easy! All you need is the determination & focus to continue and keep going! Even if you fail a particular day you can easily cover it up on the next day.
Any advice?
Yes! I believe that one of the reasons I got enough confidence in myself to even take this challenge was probably because I had an amazing study mate like Suraj. Studying with friends makes things easier and you have someone to back you up when you are lagging behind.
So I highly recommended you to get a study mate, it could be anyone but someone you feel comfortable & encouraged with.
Join Us
If you are really passionate about coding and would like to join us on our journey and learn with us then please go ahead and send us a DM on Twitter and we will guide you so that you can start your own #100DaysOfCode journey.
Journal: Week 1
Day 1
What I learned?
I learned the following topics :
- How the Internet Works?
- History of Web Development
- HTML
What I develop?
I created a very basic portfolio using nothing but simple HTML tags. It felt very unprofessional at first, but then as we went through it, everything just became a lot easier and fun.
Check out the live website here
Day 2 of 100DaysOfCode
What I learned?
I learned the following topics :
- CSS Properties
- CSS Selectors
- Box Model
- Difference between px, em & rem
What I develop?
I created a simple Spotify Dashboard which displays the favourite songs, playlists & podcast using HTML & CSS. It was a bit challenging again but at the same time, we had a lot of fun building it.
Check out the live website here
Day 3
What I learned?
I learned the following topics :
- Building Responsive Websites
- CSS Flexbox
- CSS Transition & Transform Property
What I develop?
I created a simple Meme Gallery website that is completely responsive and has a CSS Transition effect whenever we hover on any image.
Check out the live website here
Day 4
What I learned?
I learned the following topics :
- Introduction to Bootstrap
- How to use website templates
- Mailchimp Implementation
- Deploying on GitHub Pages
What I develop?
I created a simple Adventure Blog using Bootstrap & some CSS with Flexbox. I personally think that Bootstrap is a great tool but I enjoyed making websites more with HTML & CSS. I am only gonna use it occasionally.
Check out the live website here
Day 5
What I learned?
I learned the following topics :
- CSS Grid
- CSS Layout
What I develop?
I created a simple Emoji Grid using CSS Grid & Layout.
Check out the live website here
Day 6
What I learned?
I learned the following topics :
- Developer Fundamentals
- Basics of JavaScript
What I develop?
I created a Temperature converter app that can convert any temperature into Fahrenheit & Celsius. I used HTML, CSS & JS to make this project. It was really fun to build.
Check out the live website here
Day 7
What I learned?
I learned the following topics :
- More JavaScript
What I develop?
I have built a random quote generator that will generate a predefined quote on every button click. I have used JavaScript Objects for creating the quote database & used CSS Flexbox for UI.
Check out the live website here
Last Note
So make sure to come back next week for the Week 2 Post! Once again make sure to follow Me & Suraj on our socials to stay updated on our journey.
Top comments (4)
It feels great to start this challenge. Ever since started, I am learning new things each and every day, and making a project is one of the fun parts of it.
I am also grateful to you for helping me going through the challenge.
Always welcome bro!
I'm really glad to have you on my side... Always up for greatness! You are amazing 🤠🔥
These are really great! They really inspired me to start the challenge myself 😊
I'm glad I could help 😊 can't wait to see how it goes 🔥 Keep learning! Keep inspiring!