Day 21 of 100 Days of Code & Scrum: Grinding for XP, Scrum, and Next.js (Free E-Book)
Tags: 100daysofcode, beginners, programming, webdev
Published: 2021-10-29 12:01:18

Happy Friday, everyone!

Today was a grind, but I learned a lot. Firstly, I read [Scrum and XP from the Trenches](https://www.infoq.com/minibooks/scrum-xp-from-the-trenches-2/) for an hour or so. After that, I worked out because sitting down and staring at the screen for too long can be draining. I spent the rest of the day learning and reviewing Next.js.

An interesting fact I didn't know before was that Next.js implements lazy loading for images, so images are loaded only as you scroll down to them. This is very efficient for websites!

Anyway, moving on to my daily report!

## Yesterday

I found a really fun resource for Scrum, which was a Scrum Comic. Also, I learned about misconceptions revolving around the Product Owner role and how large businesses fail to implement scrum properly.

## Today

Here are the things I learned and worked on today:

### Scrum

![Product Backlog](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oikj9cfyl97ieq7wk9xv.jpeg)

- I read [Scrum and XP from the Trenches](https://www.infoq.com/minibooks/scrum-xp-from-the-trenches-2/).
- I learned a lot about Product Backlog management.
- Product Backlog Items (and User Stories) ideally should have:
  - `ID` - unique identifier to keep track of an item in case it is renamed
  - `Name` - a short descriptive name.
  - `Importance` - a Product Owner's importance rating.
  - `Initial Estimate` - the Development Team's initial estimate about how much work is needed to implement this story. T-shirt sizes are great ways to estimate.
  - `How to Demo` - high-level description of how it will be demonstrated in the Sprint Demo.
  - `Notes` - brief info or clarification
- learned about the differences between external and internal quality
- while it is tempting to immediately create a visible output that the clients would appreciate (external quality), internal quality is more important and is nonnegotiable (cannot be compromised).

### Next.js

- I followed the [official Next.js tutorial](https://nextjs.org/learn/basics/create-nextjs-app?utm_source=next-site&utm_medium=nav-cta&utm_campaign=next-website) to review Next.js.
- learned about lazy loading for images in Next.js
- reviewed the difference in Routing between vanilla React and Next.js.
- reviewed `css-modules` and its syntax
- reviewed about `<Head>` and `<Layout>`

_phew_ That's a lot of learning!

Have a great Friday, everyone!

![Thank You Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5pgwtu5tynvb7upwhyar.png)

### Resources/Recommended Readings

- [The 2020 Scrum Guide](https://scrumguides.org/scrum-guide.html)
- [Mikhail Lapshin's Scrum Quizzes](https://mlapshin.com/index.php/scrum-quizzes/)
- [Effective User Stories](https://www.visual-paradigm.com/scrum/3c-and-invest-guide/)
- [Scrum and XP from the Trenches](https://www.infoq.com/minibooks/scrum-xp-from-the-trenches-2/).
- [Official Next.js tutorial](https://nextjs.org/learn/basics/create-nextjs-app?utm_source=next-site&utm_medium=nav-cta&utm_campaign=next-website)

### Free E-Book

- [The Next.js Handbook](https://flaviocopes.com/page/nextjs-handbook/)

- [Cover Photo](https://seattlescrum.com/downloads/Why-Scrum-Isnt-Making-Your-Company-Very-Agile-v2.pdf)

### DISCLAIMER

**This is not a guide**, it is just me sharing my experiences and learnings. This post only expresses my thoughts and opinions (based on my limited knowledge) and is in no way a substitute for actual references. If I ever make a mistake or if you disagree, I would appreciate corrections in the comments!

### Other Media

Feel free to reach out to me in other media!

<span><a target="_blank" href="https://www.rammina.com/"><img src="https://res.cloudinary.com/rammina/image/upload/v1638444046/rammina-button-128_x9ginu.png" alt="Rammina Logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://twitter.com/RamminaR"><img src="https://res.cloudinary.com/rammina/image/upload/v1636792959/twitter-logo_laoyfu_pdbagm.png" alt="Twitter logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://github.com/Rammina"><img src="https://res.cloudinary.com/rammina/image/upload/v1636795051/GitHub-Emblem2_epcp8r.png" alt="Github logo" width="128" height="50"/></a></span>