Webmaking 101: Build your own Website with HTML, CSS, Javascript and WordPress Premium class

Brenton Strine, Web Guru

55 Videos (4h 6m)
  • Unit 0: The Internet's Interesting Internals

    • Trailer

      01:17
    • Understanding the Internet 1

      03:50
    • Understanding the Internet 2

      06:38
    • Get Your Free Domain and Web Hosting

      08:05
  • Unit 1: What in the World is the Web

    • Interoperability

      03:03
    • Hyperlinks

      02:18
    • Plaintext vs. Rich Text

      01:11
    • Advanced Plaintext Editor - Brackets

      03:10
    • Loading Plaintext in a Browser

      04:32
    • Frontend vs. Backend

      01:44
    • FTP Upload

      10:26
  • Unit 2: HTML - The Bones of a Website

    • Teaching Browsers to Understand

      02:02
    • Anatomy of a Webpage

      04:05
    • Live Editing with ShiftEdit

      07:59
    • HTML Syntax Lesson 1 - Tags

      06:14
    • HTML Exercise

      07:38
    • HTML Exercise Review

      05:15
    • HTML Syntax Lesson 2 - Attributes

      02:19
    • HTML Links

      08:37
    • HTML Syntax Lesson 3 - Nesting

      03:43
    • HTML Document Structure

      06:17
    • HTML Tips and Secrets

      18:20
  • Unit 3: CSS - Coding with Style

    • CSS and HTML Sitting in a Tree

      03:45
    • CSS Syntax 1: Properties and Values

      04:12
    • CSS Syntax 2: Multiple Declarations

      03:17
    • CSS Syntax 3: Selectors

      03:52
    • CSS Syntax 4: Classes

      07:53
    • Introduction to the DOM

      05:16
    • Chrome DOM Inspect

      00:37
    • Firefox DOM Inspect and Firebug

      04:14
    • Internet Explorer DOM Inspect

      02:17
    • Safari Mac DOM Inspect

      02:10
    • Safari Windows DOM Inspect

      01:30
    • Using the DOM Inspect Tool

      08:39
  • Unit 4: Interactivity with Scripting

    • Intro to Scripting

      02:12
    • Javascript Variables

      03:55
    • Javascript Strings

      02:38
    • The Javascript 'if' Condition

      06:46
    • The Javascript 'else' Condition

      03:17
    • Backend Scripts

      02:34
    • PHP

      07:04
  • Unit 5: Impress with WordPress!

    • Content Management Systems

      03:04
    • How servers handle multiple HTTP requests

      06:00
    • The Network Timeline tool

      02:15
    • WordPress on the server

      04:21
    • Backing up your current site

      03:57
    • Installing WordPress

      06:42
    • WordPress administration

      06:09
    • Permalinks

      02:22
    • Moving the blog page off the home page

      02:06
    • Installing themes

      04:20
    • Customizing the sidebar and menu

      03:15
    • Editing themes

      01:52
    • Plugins

      02:35
    • Concluding WordPress thoughts

      01:57

About This Class

self.png

Unlike other courses, this class aims to make you comfortable with the concepts, tools and practices of webmaking. We will give overviews before going into details using lots of video, metaphors, illustrations, and tests. After four weeks, you will feel confident and ready to make things happen!

This course broadly introduces you to the world of web development. It will enable you to begin making websites and it will equip you to teach yourself any new web skill in the future. 

Enrollment in the course includes 6 months of free full-featured hosting--i.e. a place online to put your website!

This class focuses on four areas:

CODING SKILLS
You will get practice coding HTML, CSS and Javascript, the key coding languages of the internet. Instead of trying to cover these comprehensively, we will focus on giving you experience and understanding in the commonly used areas, so that you can pick up additional areas when needed (using the plentiful resources provided, see below).


TOOLS
Web developers use all kinds of tools that make them efficient and powerful at what they do. We'll demystify and regularly use all the essential webdev tools, like text editors, FTP clients, DOM inspectors, graphics editors, bandwidth and http trackers, code validators, and many more. We'll also explore the libraries and frameworks (e.g. jQuery, Bootstrap, HTML5 Boilerplate, Wordpress and cPanel) that make coding faster, easier and more efficient.

CONCEPTS
You will survey the fundamentals of how websites work, and how developers make them. This includes the mechanics of the internet, the components of a website, and strategies developers use to make things efficient, organized, and easy.

RESOURCES
You will be showered with resources to continue your education on your own--this alone is well worth the full value of the course. The web is chock-full of free learning resources to help you with your webmaking work. However, on your own, it is a daunting task to sort through it all, and it is impossible to know which things to focus on even if you could find them. Your instructor is almost completely self-taught and believes you can teach yourself everything you need to know too. Along the way, we'll use all kinds of resources (references, educational, help forums, sandboxes, code generators, inspiration sites and Google search techniques).

90% Positive Reviews 21 See All

Perfect for people who are interested on front end development but have no idea where to start! It won't teach you how to program your entire website but will give you very powerful tools to get started!
This is a great class that teaches the basic of HTML and CSS. It helped me immensely as I was setting up my WordPress site. As I like to tell people, the class is very much like trying to learn a new language a month before heading to a foreign country. At the end of the month, you won't be fluent in the language, but at least you'll be able to find the restroom! This is exactly how I felt after this class--I'm far from fluent in these coding languages, but I can understand them enough to get by with some basic changes to my WordPress theme. For that, I give it a huge Thumbs Up!
Brenton is a great teacher! I really loved his approach, both with the video lectures and the assignments. If you want to understand the basics of building a website, take this class!

121

Projects

752

Students

Brenton Strine

Web Guru

I began teaching myself web development in the 90's and have gone on to work as a web developer on sites used by millions for companies like eFax, Citrix, Amazon and NASA Jet Propulsion Laboratory.

I've also taught web development to many thousands through my lessons on Code Year, Educator.com, Skillshare and Udemy. I have taught kids programming in homes, classrooms, and robot camps. I've also done in-person web development workshops in Los Angeles and recently started a web code bootcamp in LA that teaches beginners web development in one intensive, immersive weekend.

I hold a masters degree in Theology, enjoy working with youth, and drink tea every day. I currently live in South Pasadena with my wife. In January 2013 I start Shoutleaf Web Resrouces which provides domain registration, web hosting, and web education, including in-person and online webmaking courses and in-person code bootamps.