Week Two

Javascript Objects, HTML & CSS, Databases & SQL

Over the Course of week 2 we went over more complex javascript,

basic HTML and CSS as well as an introduction to SQL

Our lessons were as follows:

Monday - Creating Objects in javascript and an introduction to HTML
Objects are a type of data type that contains other data types, similar to an array however they can also contain functions as well, to declare an object you would use the syntax: "const objectName = { attribute: value, attribute2: value}" and you would call upon it using dot notation such as "objectName.attribute2". to use a function in an object instead of doing "attribute: value" you would use "functionName: function() {code}" and you would call upon it using "objectName.functionName()"
HTML (hyper text markup language) is the language used to add content to web pages, it is made up of tags and often paired with CSS, the most common HTML tags are:
• head - this is where all the metadata and file referencing goes
• body - the main bulk of the content(text, images, links, pretty much everything you can see)
• p - stands for paragraph, a basic line of text
• h1-6 - headers are used as larger text which function as titles and subtitles
• a - a link tag which has an attribute for links, "href="link""
• li - a list item, often used similarly to a p tag but only in lists
• ul - unordered list, a container for list items with bullet points
• ol - ordered list, a container for list items with numbered points to show the order
• div - a tag used to divide the page up into sections

Tuesday - Databases, intro to SQL and HTML attributes
Databases are large tables of data that can be accessed and altered using SQL, SQL is a query language that lets you select items from a database with complex parameters, SQL is a language that is hard to break up into little bits so I have attached my notes which I often cross reference in a link below
you can find my SQL notes here
HTML attributes provide additional information about an element, such as a links "href="link"" or an images "src="image location"", it can also be used to specify things like width height and other attributes depending on the element type

Wednesday - Intro to CSS, our first project and github
CSS (cascading style sheet) is a programming language that alters how html is represented on a page, this is done by specifying different attributes of tags using the format "body { background-color: rgb(255,150,150);}", it is common practice to have a set of attributes that show up the most to be set as the standard css and then become more specific when you need to using classes and ids, to use classes and ids you have to give a tag an attribute of either "id="idName"" or "class="className"" and then in css you can reference the class using ".className {}" and an id using "#idName {}"
there are a lot of attributes in css but the best way to go about it is trial and error and a general direction you want to go in
Github is a source control software that allows you to backup and share files on a remote server, github allows you to branch and merge repositories(the name of a folder that is being shared) so that multiple people can work on the same project at the same time, it also allows frequent backups through commits and pushes which puts it onto and updates the remote server

Thursday - SQL Challenges and creating and manipulating databases

These were mainly table manipulation and query challenges involving new sql command words

Friday - CSS presentations and Project work(this site)
Me and Eghosa presented about the CSS attribute Font and its related attributes, you can download the presentation by clicking the button below
click here to download the powerpoint