4th Week With Jadu

Muhammad Zain Khan
3 min readMar 7, 2021

March 1st,2021 - March 7th,2021

At the end of my fourth week in the Jadu Fellowship, new exciting CSS (Cascading Style Sheets) skills have developed, including CSS Grid and Media Queries for responsive design and how to use Git and GitHub. But Googleyness was the most exciting thing to learn which was discussed in soft-skill class.

Monday’s Session:

Git and Github:

I already know git from my Computer Science background, but Arslan taught this so well that my core concepts about git and GitHub are quite good now. Let me tell you about the details we learned this week.
We learned about downloading and installing Git and then learned to use and connect with your GitHub repository using the following basic commands.

Create a new local repository

git init

Add one or more files to staging (index):

git add <filename>git add *

Commit changes to head (but not yet to the remote repository):

git commit -m "Commit message"

Commit any files you’ve added with git add, and also commit any files you've changed since then:

git commit -a

Push Send changes to the master branch of your remote repository:

git push origin master

Status List the files you’ve changed and those you still need to add or commit:

git status

Tuesday’s Session:


Googleyness is a collection of qualities that make you stand out and fit into the unique culture of Google’s work. While Google has not officially confirmed the term, they are employing individuals with certain skills in a unique hiring process.
Basically, it is about the qualities that Google looks at when hiring each candidate. Some of these features are:

Making the right decision.
Excellence striving.
Take a look at the goals.
Being proactive and proactive.
Going the extra mile.
Do something nice and unconnected for others.
Be friendly and accessible.
Users and colleagues' appreciation.
Excellent performance to reward.
Be humble and let the ego go (at least sometimes).
Be transparent, fair, and honest.
Sense of Humor.

Friday’s Session:

Grid Layout:

The CSS Grid Layout Module provides a grid-based layout with rows and columns that makes web pages easier to design without the use of floats and positioning.

CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system. You work with Grid Layout by applying CSS rules both to a parent element (which becomes the Grid Container) and to that element’s children (which become Grid Items).

CSS media queries:

Instead of looking for a type of device, they look at the capability of the device.

Media queries can be used to check many things, such as:

  • width and height of the viewport
  • width and height of the device
  • orientation (is the tablet/phone in landscape or portrait mode?)
  • resolution

Using media queries is a popular technique for delivering a tailored style sheet to desktops, laptops, tablets, and mobile phones (such as iPhone and Android phones).