This course will teach you HTML, CSS & Javascript through building
and deploying five awesome projects. This course is fully
interactive, with over 100 coding challenges. There are no
prerequisites, so it is suitable for beginners.
Most importantly it's
FREE
Hypertext Markup Language (HTML) is the language of the web, without HTML you wouldn’t have a website. HTML defines the content and structure of your website. Using a body for an analogy, HTML would be your skeleton, holding everything together and providing a base to hang everything off. A HTML file is made up of numerous HTML elements.
Here's an example of a single HTML element:
<p> your content <p>
<p> is called an opening tag, this is the start of the HTML element and tells the browser that this is
the start of a piece of content for the site.
<p> is called a closing tag, this tells the browser that the piece of content is finished.
p is the type of content you want, in this example 'p' stands for paragraph (the standard way of displaying
large ammounts of text).
'your content' is where you put the actual content for your paragraph.
If HTML is the skeleton to our body, then Cascading Style Sheets (CSS) is the skin. CSS is used to change
the look and feel of websites. It is where you define your colour schemes, fonts, spacing, layouts and more.
CSS is written in a separate file to the HTML. This is to allow separation of concerns and make our lives
easier when it comes to testing and maintenance. This also makes our styles more reusable, if we put styles
directly into the HTML then we wouldn't be able to use the styles across different HTML pages.
CSS can be added to HTML documents in 3 ways:
An inline CSS is used to apply a unique style to a single HTML element.
An inline CSS uses the style attribute of an HTML element.
The following example sets the text color of the <h1> element to blue, and the text color of the
<p> element to red:
<h1 style="color:blue;">A blue heading </h1>
<p style="color:blue;">A red paragraph </p>
An internal CSS is used to define a style for a single HTML page. An internal CSS is defined in the <head> section of an HTML page, within a <style> element.
An external style sheet is used to define the style for many HTML pages.
To use an external style sheet, add a link to it in the <head> section of each HTML page:
<head>
<link rel="stylesheet" href="styles.css">
</head>
Let's take a look at styles.css
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
JavaScript was created in 1995 by Brendan Eich to add behaviour to websites. Up to this point the web was a
relatively static place, good for looking up information but not very interactive. In our body analogy,
JavaScript takes the place of muscles, providing motion and behaviour to our limbs.
Like CSS, JavaScript tends to live in its own file to allow reusability and help improve
maintainability.
A starting point when learning JavaScript (or any programming language) is to get a solid understanding of
core programming concepts, such as variables, functions, conditional statements and loops, as such this is
one of the first things you will learn in this course.
Our Teachers
Peter is a multi talented web developer who has been with miycool since 2013. He loves open-source (especially Drupal) and holds a BSc in Software Design and an MSc in Computer Science. When he isn't building websites or brushing up on new technologies he can (sometimes) be found on the at the golf course.
Sarah has over 5 years experience at a commercial level and is a highly skilled web developer (especially front-end). Sarah has been with KD Web since 2010. She loves Typo3 and holds a Master of Computer Application (MCA) degree. Her passions are shopping, playing Volleyball and collecting DVDs.
Simon is an experienced developer who works on both front end and back end. He has been with KD web since 2016 and has a Bsc and an MSc in IT and loves working with TYPO3 and Magento. Outside of work, like Bobby Cliff said - he don't like cricket, he love it! Simon is also a huge gamer, infact he claims to be one of the best Apex players you will ever meet. (We dont believe him)
Casandra is one of our newest team members, but she has quickly settled in and become a valuable asset to the company. Cassandra will help you during our classes alongside one of our senior teachers