-
JavaScript Part 1
Review Let’s take one more glance at the concepts we just learned: Data is printed, or logged, to the console, a panel that displays messages, with console.log(). We can write single-line comments with // and multi-line comments between /* and */. There are 7 fundamental data types in JavaScript: strings, numbers, booleans, null, undefi... Read More
-
Grid
Introduction to Grid in CSS: At this point, we’ve covered a great deal of different ways to manipulate the grid and the items inside it to create interesting layouts. grid-template-columns defines the number and sizes of the columns of the grid grid-template-rows defines the number and sizes of the rows of the grid grid-template is a sh... Read More
-
Grid part2
Advanced CSS Grid: You have learned many new properties to use when creating a layout using CSS Grid! Let’s review: grid-template-areas specifies grid named grid areas grid layouts are two-dimensional: they have a row, or inline, axis and a column, or block, axis. justify-items specifies how individual elements should spread across the ... Read More
-
FLex Box part 1
Introduction to Flex box Part1 You know everything necessary to begin using it in your own projects. display: flex changes an element to a block-level container with flex items inside of it. display: inline-flex allows multiple flex containers to appear inline with each other. justify-content is used to space items along the main axis. ... Read More
-
CSS part4
Introduction to CSS Part4 In this lesson we covered the concept of using breadcrumbs as a secondary navigation method for a site: Use breadcrumbs to indicate where a user is and the extent of the site Breadcrumbs are implemented using unordered lists in HTML with custom CSS styling Three types of breadcrumbs exist: location - based on... Read More
-
HTML part4
Introduction to HTML Part4 Let’s review some of the topics we covered throughout the lesson: Semantic HTML introduces meaning to a page through specific elements that provide context as to what is in between the tags. Semantic HTML is a modern standard and makes a website accessible for people who use screen readers to translate the webpa... Read More
-
HTML part3
Introduction to HTML Part3 Tables Let’s review what we’ve learned so far: The <table> element creates a table. The <tr> element adds rows to a table. To add data to a row, you can use the <td> element. Table headings clarify the meaning of data. Headings are added with the <th> element. Table data can span c... Read More
-
HTML part2
Introduction to HTML Part2 HTML Tags You now know all of the basic elements and set-up you need to structure an HTML page and add different types of content. With the help of CSS, very soon you’ll be creating beautiful websites! While some tags have a very specific purpose, such as image and video tags, most tags are used to describe the conte... Read More
-
HTML
Introduction to HTML Review Congratulations on completing the first lesson of HTML! You are well on your way to becoming a skilled web developer. Let’s review what you’ve learned so far: HTML stands for HyperText Markup Language and is used to create the structure and content of a webpage. Most HTML elements contain opening and closing t... Read More
-
CSS part3
Introduction to CSS Part3 In this lesson, we covered the four properties of the box model: height and width, padding, borders, and margins. Understanding the box model is an important step towards learning more advanced HTML and CSS topics. Let’s take a minute to review what you learned: The box model comprises a set of properties used to c... Read More
-
CSS part2
Introduction to CSS Part2 Throughout this lesson, you learned how to select HTML elements with CSS and apply styles to them. Let’s review what you learned: CSS can select HTML elements by type, class, ID, and attribute. All elements can be selected using the universal selector. An element can have different states using the pseudo-class... Read More
-
CSS part1
Introduction to CSS Part1 Let’s review what you learned so far: The basic anatomy of CSS syntax written for both inline styles and stylesheets. Some commonly used CSS terms, such as ruleset, selector, and declaration. CSS inline styles can be written inside the opening HTML tag using the style attribute. Inline styles can be used to s... Read More
-
Resources and Books
Resources Popular Developer Resources: MDN Web Docs: W3 CSS-Tricks DEV Community Stack Overflow Can I use Codecademy Workspaces (Optional) Recommended Books HTML & CSS, Jon Duckett Eloquent JavaScript - a free EBook! Cracking the Coding Interview (6th Edition), Gayle Laakamann McDowell Read More
-
How I've built my website
I created a GitHub account I forked a repository from https://github.com/datamaunz I renamed the forked repository Mohammad-Ghadban.github.io I edited the files as described in the README.md Now I am writing my first post by following the advice that I got from the README file Read More
-
Effective journaling on your blog
Push to Github Once you have made the changes you want to commit to your website, open a terminal. If you are in VSCode, you can do that by clicking on Terminal > New Terminal at the top of your screen. Now a terminal will open at the bottom of your screen (it might have been opened already). Being in your projects root repository, you can n... Read More
-
Introduction to Python
Introduction to Python This post is meant to summarize some of the key concepts I have learned in the course Introduction to Python Read More
-
Markdown Guide
Resources This is a good guide to learn about the basic markdown syntax. Read More
