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

Brenton Strine, Web Guru

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.5x
  • 2x
55 Videos (4h 6m)
    • Trailer

      1:17
    • Understanding the Internet 1

      3:50
    • Understanding the Internet 2

      6:38
    • Get Your Free Domain and Web Hosting

      8:05
    • Interoperability

      3:03
    • Hyperlinks

      2:18
    • Plaintext vs. Rich Text

      1:11
    • Advanced Plaintext Editor - Brackets

      3:10
    • Loading Plaintext in a Browser

      4:32
    • Frontend vs. Backend

      1:44
    • FTP Upload

      10:26
    • Teaching Browsers to Understand

      2:02
    • Anatomy of a Webpage

      4:05
    • Live Editing with ShiftEdit

      7:59
    • HTML Syntax Lesson 1 - Tags

      6:14
    • HTML Exercise

      7:38
    • HTML Exercise Review

      5:15
    • HTML Syntax Lesson 2 - Attributes

      2:19
    • HTML Links

      8:37
    • HTML Syntax Lesson 3 - Nesting

      3:43
    • HTML Document Structure

      6:17
    • HTML Tips and Secrets

      18:20
    • CSS and HTML Sitting in a Tree

      3:45
    • CSS Syntax 1: Properties and Values

      4:12
    • CSS Syntax 2: Multiple Declarations

      3:17
    • CSS Syntax 3: Selectors

      3:52
    • CSS Syntax 4: Classes

      7:53
    • Introduction to the DOM

      5:16
    • Chrome DOM Inspect

      0:37
    • Firefox DOM Inspect and Firebug

      4:14
    • Internet Explorer DOM Inspect

      2:17
    • Safari Mac DOM Inspect

      2:10
    • Safari Windows DOM Inspect

      1:30
    • Using the DOM Inspect Tool

      8:39
    • Intro to Scripting

      2:12
    • Javascript Variables

      3:55
    • Javascript Strings

      2:38
    • The Javascript 'if' Condition

      6:46
    • The Javascript 'else' Condition

      3:17
    • Backend Scripts

      2:34
    • PHP

      7:04
    • Content Management Systems

      3:04
    • How servers handle multiple HTTP requests

      6:00
    • The Network Timeline tool

      2:15
    • WordPress on the server

      4:21
    • Backing up your current site

      3:57
    • Installing WordPress

      6:42
    • WordPress administration

      6:09
    • Permalinks

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

      2:06
    • Installing themes

      4:20
    • Customizing the sidebar and menu

      3:15
    • Editing themes

      1:52
    • Plugins

      2:35
    • Concluding WordPress thoughts

      1: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).

19 of 21 students recommendSee All

Went from knowing nothing about web site coding to making one in less then few hours, pretty cool!
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!

743

Students

120

Projects

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.