Code 301 Reading Notes

hallo there i will sumorize for you some concepts that i learned from html-css book and JS book and How to Write a Git Commit Message from additional resources.

in the end there is a quiz for you and a map for our info. 💯

How the Web Works (visualization)

When you visit a website, the web server hosting that site could be anywhere in the world. In order for you to find the location of the web server, your browser will first connect to a Domain Name System (DNS) server.

Structure : its the page how its looks these are main pionts you need to understand

• There are three types of HTML lists: ordered, unordered, and definition.
• Ordered lists use numbers.
• Unordered lists use bullets.
• Definition lists are used to define terminology.
• Lists can be nested inside one another.

Functional Programming Concepts:

The company’s top executives long believed that building the best teams meant combining the best people. They embraced other bits of conventional wisdom as well, like ‘‘It’s better to put introverts together,’’ said Abeer Dubey, a manager in Google’s People Analytics division, or ‘‘Teams are more effective when everyone is friends away from work.’’ But, Dubey went on, ‘‘it turned out no one had really studied which of those were true.’’

;

Refactoring Javascript for Readability:

The point is to improve quality while preserving behavior. This is not to say that fixing bugs in broken code and creating new features (writing new code) are not important. In fact, these two types of tasks are tied more closely to business objectives, and are likely to receive much more direct attention from project/product managers than concerns about the quality of the codebase. However, those actions are both about changing behavior and therefore are distinct from refactoring.

example:

// Unrefactored code

const URLstore = [];

function makeShort(URL) {
  const rndName = Math.random().toString(36).substring(2);
  URLstore.push({[rndName]: URL});
  return rndName;
}

function getLong(shortURL) {
  for (let i = 0; i < URLstore.length; i++) {
    if (URLstore[i].hasOwnProperty(shortURL) !== false) {
      return URLstore[i][shortURL];
    }
  }
}

// Refactored code

const friendlyWords = require('friendly-words');

const generateURL = user => {
  const pick = arr => arr[Math.floor(Math.random() * arr.length)];
  user.url = `${pick(friendlyWords.predicates)}-${pick(friendlyWords.objects)}` +
    `-${pick(friendlyWords.objects)}`; // This line would've been too long for linters!
};

async function createUser(email) {
  const user = { email: email };
  // The URL-creation algorithm isn't important to this function so let's abstract it away
  generateURL(user);
  await db.insert(user, 'Users')
  sendWelcomeEmail(user);
}

Cheats sheet

Markdown is a way to style text on the web. You control the display of the document; formaing words as bold or italic, adding images, and creating lists are just a few of the things we can do with Markdown. Mostly, Markdown is just regular text with a few non-alphabetic characters thrown in, like # or *.you just need to make a file with .md extension on Vs code and good to go with this cheats sheet:

HEADERS :

    # This is an <h1> tag
    ## This is an <h2> tag
    ##### This is an <h6> tag

list :

     orderd:
         1. Item 1
         2. Item 2
         3. Item 3
     unorder:    

         * Item 3a
         * Item 3b

EMPHASIS :

*This text will be italic*
_This will also be italic_
**This text will be bold**
__This will also be bold__
*You **can** combine them*

BLOCKQUOTES :

> I’ve always been more interested
> in the future than in the past.

I’ve always been more interested in the future than in the past.

LINKS:

http://github.com - automatic!
[GitHub](http://github.com)

IMAGES :

![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)

table :

First Header | Second Header
----------- | -------------
Content cell 1 | Content cell 2
Content column 1 | Content column

emoji! :

:+1: :sparkles: :camel: :tada:
:rocket: :metal: :octocat:

for more info : markdown cheats

The seven rules of a great Git commit message

• Keep in mind: This has all been said before.
• Separate subject from body with a blank line.
• Limit the subject line to 50 characters.
• Capitalize the subject line.
• Do not end the subject line with a period.
• Use the imperative mood in the subject line.
• Wrap the body at 72 characters.
• Use the body to explain what and why vs. how.

this map for our info

this a quiz for you

use the images in your page.

Remember :

• FOUCS
• no pain no gain
• work hard

find more

concepts	link
HTML Chapter 1: “Structure”	Structure
HTML Chapter 8: “Extra Markup”	ExtraMarkup
HTML Chapter 17: “HTML5 Layout”	Layout
HTML Chapter 18: “Process & Design”	Process & Design
JS Chapter 1: “The ABC of Programming”	The ABC of Programming
Cheats sheet	Cheats sheet

link for the github file : gitfile

writen by OBADA ALHAWJREH.

My name is obada jaber, I’m 27 years old, I studied Mechanical engineering and i graduated from al balqa applied university, i am now a software student. OBADA ALHAWJREH.

Support or Contact:

Having trouble with Pages? Check out our : email or phone number : 0781912474 or contact support for gethub and we’ll help you sort it out. 🚑 🚑 🚑