Learn By Example: The Foundations of HTML, CSS & Javascript

Course

Online

£ 10 + VAT

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Closures, prototypes, JSON, the DOM, selectors, inheritance in CSS and in Javascript, and first class functions - that's what this course is about.This is not a course on Javascript frameworks - its about solid, fundamental HTML, CSS and Javascript. You'll be surprised by how much more you can get done on your web pages once you learn these technologies the right way.What do we mean by that?Relatively few folks formally learn HTML, CSS or Javascript, because its quite easy to get stuff done in these technologies in a "quick-and-dirty way".That "quick-and-dirty" way of learning and doing leads to problems over time, because Javascript and CSS are actually quite complex, so it is easy to do things the wrong wayThis course will help, because it has 75 examples, 20 in HTML/CSS and 55 in Javascript. Each is self-contained, has its source code attached, and gets across a simple, specific use-case. Each example is simple, but not simplistic.What's Included:Basic HTML: Folks stopped counting HTML as a language worth formally learning sometime in the 90s, but this is only partially justified. It always helps to have strong basics.
CSS: Cascading Stylesheets are incredibly powerful, and incredibly hard to use - until you know how they really work. Once you understand inheritance and selection in CSS, it will all make a lot more sense.
Javascript is a full-fledged, powerful and complicated language. Its really important to learn Javascript formally, because it is just so different from most other languages you would have encountered. For instance - Javascript has objects and inheritance but no classes.
Closures in Javascript are a rather mind-bending concept - functions that "remember" how the world looked when they were created.
Prototypes are Javascript's way of doing inheritance, and its very different from the C++/Java way of doing it.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Understand HTML - its structure, and the commonly used tags
Utilise CSS, including inheritance, selectors, the box model - the very topics that make CSS hard to use
Master the fundamentals of Javascript
Use closures, dynamic prototyping, JSON, and the Document-Object-Model with confidence

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Programming
  • Web
  • Internet
  • Javascript
  • HTML
  • Server
  • Javascript training
  • Web Programming
  • Presentation
  • Access
  • Inheritance

Course programme

Welcome to HTML, CSS and Javascript! 1 lecture 02:18 Welcome to HTML, CSS and Javascript! HTML, CSS and Javascript are the 3 cornerstones of web programming. Welcome to HTML, CSS and Javascript! 1 lecture 02:18 Welcome to HTML, CSS and Javascript! HTML, CSS and Javascript are the 3 cornerstones of web programming. Welcome to HTML, CSS and Javascript! HTML, CSS and Javascript are the 3 cornerstones of web programming. Welcome to HTML, CSS and Javascript! HTML, CSS and Javascript are the 3 cornerstones of web programming. Welcome to HTML, CSS and Javascript! HTML, CSS and Javascript are the 3 cornerstones of web programming. Welcome to HTML, CSS and Javascript! HTML, CSS and Javascript are the 3 cornerstones of web programming. HTML, CSS and Javascript are the 3 cornerstones of web programming. HTML, CSS and Javascript are the 3 cornerstones of web programming. HTML 11 lectures 01:22:50 Introducing HTML and CSS HTML specifies the structure of a web page and CSS how the page looks i.e. the presentation. Introduction to HTML Plunge right in, set up a simple page and get introduced to a whole bunch of HTML tags. Introduction to CSS What's an HTML page without style? Get to know the HTML <style> tag and how it can be used to specify style properties to make your pages look good. The A Tag The internet is all about links. Who links to you and who do you link to? In this lecture we'll learn how we link to others using the <a> tag and its href attribute. Paths Paths in HTML can reference resources on our server as well as resources anywhere on the web. Relative paths are relative to the location of the HTML file and absolute paths can access resources on any server. Quotes HTML provides a whole bunch of quote tags. Learn about the <q> and the <blockquote> tags and why we would use them over specifying quotes ("") in text. Lists - Ordered and Unordered Bulleted lists and numbered lists. HTML has special <ul> and <ol> tags to specify these. Each list item in an <li> tag should go with either an un-ordered list (<ul>) or an ordered list (<ol>). Other Miscellaneous HTML Tags The <em>, <time>, <strong> and <code> tags. URL and Domain Names Understand the different parts of a domain name and what they represent. Revisit the <a> tag and learn some more about how we can open up a new web page in a new window, tab etc. The img Tag The <img> tag allows you to embed inline images in your page. You can also resize images using the height and width attribute of the <img> tag. The HTML Standard HTML is a living standard now. No more version numbers and everything will be backward compatible from here on in. This is a pretty big deal! HTML. 11 lectures 01:22:50 Introducing HTML and CSS HTML specifies the structure of a web page and CSS how the page looks i.e. the presentation. Introduction to HTML Plunge right in, set up a simple page and get introduced to a whole bunch of HTML tags. Introduction to CSS What's an HTML page without style? Get to know the HTML <style> tag and how it can be used to specify style properties to make your pages look good. The A Tag The internet is all about links. Who links to you and who do you link to? In this lecture we'll learn how we link to others using the <a> tag and its href attribute. Paths Paths in HTML can reference resources on our server as well as resources anywhere on the web. Relative paths are relative to the location of the HTML file and absolute paths can access resources on any server. Quotes HTML provides a whole bunch of quote tags. Learn about the <q> and the <blockquote> tags and why we would use them over specifying quotes ("") in text. Lists - Ordered and Unordered Bulleted lists and numbered lists. HTML has special <ul> and <ol> tags to specify these. Each list item in an <li> tag should go with either an un-ordered list (<ul>) or an ordered list (<ol>). Other Miscellaneous HTML Tags The <em>, <time>, <strong> and <code> tags. URL and Domain Names Understand the different parts of a domain name and what they represent. Revisit the <a> tag and learn some more about how we can open up a new web page in a new window, tab etc. The img Tag The <img> tag allows you to embed inline images in your page. You can also resize images using the height and width attribute of the <img> tag. The HTML Standard HTML is a living standard now. No more version numbers and everything will be backward compatible from here on in. This is a pretty big deal! Introducing HTML and CSS HTML specifies the structure of a web page and CSS how the page looks i.e. the presentation. Introducing HTML and CSS HTML specifies the structure of a web page and CSS how the page looks i.e. the presentation. Introducing HTML and CSS HTML specifies the structure of a web page and CSS how the page looks i.e. the presentation. Introducing HTML and CSS HTML specifies the structure of a web page and CSS how the page looks i.e. the presentation. HTML specifies the structure of a web page and CSS how the page looks i.e. the presentation. HTML specifies the structure of a web page and CSS how the page looks i.e. the presentation. Introduction to HTML Plunge right in, set up a simple page and get introduced to a whole bunch of HTML tags. Introduction to HTML Plunge right in, set up a simple page and get introduced to a whole bunch of HTML tags. Introduction to HTML Plunge right in, set up a simple page and get introduced to a whole bunch of HTML tags. Introduction to HTML Plunge right in, set up a simple page and get introduced to a whole bunch of HTML tags. Plunge right in, set up a simple page and get introduced to a whole bunch of HTML tags. Plunge right in, set up a simple page and get introduced to a whole bunch of HTML tags. Introduction to CSS What's an HTML page without style? Get to know the HTML <style> tag and how it can be used to specify style properties to make your pages look good. Introduction to CSS What's an HTML page without style? Get to know the HTML <style> tag and how it can be used to specify style properties to make your pages look good. Introduction to CSS What's an HTML page without style? Get to know the HTML <style> tag and how it can be used to specify style properties to make your pages look good. Introduction to CSS What's an HTML page without style? Get to know the HTML <style> tag and how it can be used to specify style properties to make your pages look good. What's an HTML page without style? Get to know the HTML <style> tag and how it can be used to specify style properties to make your pages look good. What's an HTML page without style? Get to know the HTML <style> tag and how it can be used to specify style properties to make your pages look good. The A Tag The internet is all about links. Who links to you and who do you link to? In this lecture we'll learn how we link to others using the <a> tag and its href attribute. The A Tag The internet is all about links. Who links to you and who do you link to? In this lecture we'll learn how we link to others using the <a> tag and its href attribute. The A Tag The internet is all about links. Who links to you and who do you link to? In this lecture we'll learn how we link to others using the <a> tag and its href attribute. The A Tag The internet is all about links. Who links to you and who do you link to? In this lecture we'll learn how we link to others using the <a> tag and its href attribute. The internet is all about links. Who links to you and who do you link to? In this lecture we'll learn how we link to others using the <a> tag and its href attribute. The internet is all about links. Who links to you and who do you link to? In this lecture we'll learn how we link to others using the <a> tag and its href attribute. Paths Paths in HTML can reference resources on our server as well as resources anywhere on the web. Relative paths are relative to the location of the HTML file and absolute paths can access resources on any server. Paths Paths in HTML can reference resources on our server as well as resources anywhere on the web. Relative paths are relative to the location of the HTML file and absolute paths can access resources on any server. Paths Paths in HTML can reference resources on our server as well as resources anywhere on the web. Relative paths are relative to the location of the HTML file and absolute paths can access resources on any server. Paths Paths in HTML can reference resources on our server as well as resources anywhere on the web. Relative paths are relative to the location of the HTML file and absolute paths can access resources on any server. Paths in HTML can reference resources on our server as well as resources anywhere on the web. Relative paths are relative to the location of the HTML file and absolute paths can access resources on any server. Paths in HTML can reference resources on our server as well as resources anywhere on the web. Relative paths are relative to the location of the HTML file and absolute paths can access resources on any server. Quotes HTML provides a whole bunch of quote tags. Learn about the <q> and the <blockquote> tags and why we would use them over specifying quotes ("") in text. Quotes HTML provides a whole bunch of quote tags. Learn about the <q> and the <blockquote> tags and why we would use them over specifying quotes ("") in text. Quotes HTML provides a whole bunch of quote tags. Learn about the <q> and the <blockquote> tags and why we would use them over specifying quotes ("") in text. Quotes HTML provides a whole bunch of quote tags. Learn about the <q> and the <blockquote> tags and why we would use them over specifying quotes ("") in text. HTML provides a whole bunch of quote tags. Learn about the <q> and the <blockquote> tags and why we would use them over specifying quotes ("") in text. HTML provides a whole bunch of quote tags. Learn about the <q> and the <blockquote> tags and why we would use them over specifying quotes ("") in text. Lists - Ordered and Unordered Bulleted lists and numbered lists. HTML has special <ul> and <ol> tags to specify these. Each list item in an <li> tag should go with either an un-ordered list (<ul>) or an ordered list (<ol>). Lists - Ordered and Unordered Bulleted lists and numbered lists. HTML has special <ul> and <ol> tags to specify these. Each list item in an <li> tag should go with either an un-ordered list (<ul>) or an ordered list (<ol>). Lists - Ordered and Unordered Bulleted lists and numbered lists. HTML has special <ul> and <ol> tags to specify these. Each list item in an <li> tag should go with either an un-ordered list (<ul>) or an ordered list (<ol>). Lists - Ordered and Unordered Bulleted lists and numbered lists. HTML has special <ul> and <ol> tags to specify these. Each list item in an <li> tag should go with either an un-ordered list (<ul>) or an ordered list (<ol>). Bulleted lists and numbered lists. HTML has special <ul> and <ol> tags to specify these. Each list item in an <li> tag should go with either an un-ordered list (<ul>) or an ordered list (<ol>). Bulleted lists and numbered lists. HTML has special <ul> and <ol> tags to specify these. Each list item in an <li> tag should go with either an un-ordered list (<ul>) or an ordered list (<ol>). Other Miscellaneous HTML Tags The <em>, <time>, <strong> and <code> tags. Other Miscellaneous HTML Tags The <em>, <time>, <strong> and <code> tags. Other Miscellaneous HTML Tags The <em>, <time>, <strong> and <code> tags. Other Miscellaneous HTML Tags The <em>, <time>, <strong> and <code> tags. The <em>, <time>, <strong> and <code> tags. The <em>, <time>, <strong> and <code> tags. URL and Domain Names Understand the different parts of a domain name and what they represent. Revisit the <a> tag and learn some more about how we can open up a new web page in a new window, tab etc. URL and Domain Names Understand the different parts of a domain name and what they represent. Revisit the <a> tag and learn some more about how we can open up a new web page in a new window, tab etc. URL and Domain Names Understand the different parts of a domain name and what they represent. Revisit the <a> tag and learn some more about how we can open up a new web page in a new window, tab etc...

Additional information

Any modern browser and a simple text editor are all that will be needed for the code examples Some prior programming experience will definitely help in the advanced Javascript portions - if you are entirely new to programming, the second half of the Javascript section will seem very challenging

Learn By Example: The Foundations of HTML, CSS & Javascript

£ 10 + VAT