Classes at 1930 on Tuesday and Thursday evenings
First class on Tue 24th March
Live classes url: twitch.tv/daveycacamilis
Classes can be viewed afterwards in the video section of the same page.
Hello, I'm Davey Faherty, I work at this kind of thing, and I'm going to be providing free classes that should get you to the stage where you can make a basic website and put it online in 3 or maybe 4 sessions. Something to keep the brain ticking along with all the madness.
This would be spread over 3 leisurely sessions of less than 2 hours, with an hour allowed after each one for helping everyone get through or just general waffle. These would be stored online so the only difference in doing it in real time or not would be you can ask questions live if you're watching live.
If you have me on LinkedIn or Facebook or similar ping me there by all means but please use the form at the bottom of this page to provide info so I have everyone in one place.
Below is a rough idea of what we'll cover, don't be put off, I know what the stuff means and all will be explained at a gentle pace.
- It’s Not That Hard, But It’s Weird: What it’s like learning to code
- Introduction to Web Pages
- What is a web page?
- Basic ingredients of a page
- Introduction to html tags
- Your first web page
- A more complex html page
- Discussion of how html tags are written
- How to change the appearance of text with html tags
- Paragraphs and lists
- Making a link
- Including an image
- 4. Installing and using VS Code to make coding easier
- a. Syntax highlighting explained
- b. Autocomplete on or off
- Introduction to CSS
- a. A simple example using <style> tag
- b. CSS files and how to include them
- c. Colours in css
- i. How colours work on a computer
- ii. Hex colours
- iii. rgb and rgba colours
- d. Typesetting in CSS
- i. Bold and italics
- ii. Line height and letter spacing
- iii. Text alignment
- iv. Indents and first character styling
- e. Styled backgrounds
- i. Colours
- ii. Images
- 6. Structuring your page
- a. Introduction to block and inline elements
- b. The <div> element
- c. CSS classes
- d. Arranging content with css flex
- 7. Organising your content
- a. Asset folders
- b. Embedded fonts
- c. Images
- 8. Making it perfect
- a. HTML tags that help Google and Facebook to understand your page
- b. Being precise about your page
- c. Putting your page online!