My week of Googleyness and Learning Git and CSS properties

Arsalan umar
4 min readMar 7, 2021
My week of Googleyness and Learning Git and CSS properties

My fourth week at Jadu web development course is going to end with full of new exciting knowledge and skills learned related to CSS (Cascading Style Sheets) which includes CSS Grid, and Media Queries for responsive design, and learned how to use Git and GitHub. But the most exciting thing which I get to know about this week is Googleyness.

The first thing which fascinates me too much about this week is Googleynesss so I will discuss this first.

What is Googleyness?

Googleyness is a set of qualities that make you stand out from the pack and fit into Google’s unique work culture. While the term has not been officially confirmed by Google, they do have a unique hiring process to employ people with a certain skill set.

Saad Hamid who is a mentor to our fellowship program at Jadu who’s also the current employee of Google tells us about the qualities which google looks into each candidate while hiring. Some of these qualities include

Doing the right thing.
Striving for excellence.
Keeping an eye on the goals
Being proactive.
Going the extra mile.
Doing something nice for others, with no strings attached.
Being friendly and approachable.
Valuing users and colleagues.
Rewarding great performance.
Being humble, and letting go of the ego (at least sometimes).
Being transparent, honest, and fair.
Having a sense of humor.

So now I am trying to build these qualities in myself not only to join google but to make myself different from the crowd.

Now come to the technical things which I learned this week with Jadu.

CSS Grid & Media Queries

I learned basic designing in the past few weeks about web development but the element I was missing is the responsiveness of my design on every device. So in this week, Arsalan covers that topic. Due to the slow internet, I couldn’t take my class very well but I get the idea about topics which are being taught in class so after that I started searching on my own. Topics were CSS grid and use of media queries. My background is from Flutter development which is a UI software development kit created by Google. After studying the grid and media queries I get to know that flutter is also using the same concept for the UI. like flutter user rows and column widget to design the different elements and here in CSS it also same we do in the grid and also the Media Queries concept is same in a flutter as in CSS. So for me learning these two concepts was very easy.

Now a little bit of explanation about the grid and media queries

Grid Layout

The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning. This image will clear out your concept about grid in CSS.

CSS Grid

CSS Media Queries

CSS Media Queries are a feature in CSS3 which allows you to specify when certain CSS rules should be applied. This allows you to apply a special CSS for mobile, or adjust a layout for print.

CSS Media Queries

Git & Github

I already have knowledge about git due to my background in programming but Arslan Khattak teaches so well about this topic that it clear my core concepts about git and GitHub. Let me share some detail with you that we learned this week

We have learned how to download and install Git and then learned how to use the following basic commands of Git and to link with your GitHub repository.

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

Connect to a remote repository If you haven’t connected your local repository to a remote server, add the server to be able to push to it:

git remote add origin <server

If you liked my article, Please do clap and follow me on LinkedIn and Twitter. Thanks…

--

--

Arsalan umar

Flutter developer, Mechatronics Engineer, Cats lover