Week 4 — Jadu

I was invited to the conference plus cultural dinner last week by OutSprint where I am currently doing an internship basically it's a UK-based IT company. OutSprint has come the first time in Pakistan for opening its one branch in Pakistan. I was honored to receive a message about an invitation through them and I didn't want to miss this exciting opportunity to meet them in person and get to know about this amazing company! I took my first ever flight last Sunday and reached Karachi and lived for the next 3 days in Hotel Mehran. I met OutSprinters and got to know the company’s mission and how they are gonna start their work in Pakistan.

Unfortunately, I missed my two sessions last week one was Git and Github and the other was ‘Googleyness’. 😞

But I got helped through my tribe and also YouTube helped me to clear my concept.

Git and Github is a basic need for a developer if you want to go for open source or whether you want to showcase your projects!

git config
Usage: git config –global user.name “[name]”
Usage: git config –global user.email “[email address]”

This command sets the author/user name and email address respectively to be used with your commits.

git init
This command is used to start a new repository.

git add
This command adds a file to the staging area.

git commit
git commit -m “Type in the commit message”
This command records or snapshots the file permanently in the version history.

git push
git push [variable name] master
This command sends the committed changes of the master branch to your remote repository.

There are a lot of commands that can be used to upload your project through Git into Github.

We also explored CSS grid and Media queries last Friday!

CSS Grid
The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages.

An HTML element becomes a grid container when its display property is set to grid
Grid containers consist of grid items, placed inside columns and rows.

Media Queries
The CSS Media Query gives you a way to apply CSS only when the browser and device environment matches a rule that you specify.
The simplest media query syntax looks like this:

@media media-type and (media-feature-rule) {
  /* CSS rules go here */
}

• A media type, which tells the browser what kind of media this code is for.
• A media expression, which is a rule, or test that must be passed for the contained CSS to be applied.
• A set of CSS rules that will be applied if the test passes and the media type is correct

Googleyness

• Being proactive.
• Ready to go some extra mile.
• Doing something nice for others, with no strings attached.
• Being friendly and approachable.
• Being transparent, honest, fair, and show professionalism.
• Do things in the right ways.