No technical background is required

Course Description

This course covers the building blocks of web development. You'll learn how to build web pages with HTML and CSS, then how to make your pages more dynamic with PHP and JavaScript.

If you've never done any programming or web development before, this course will introduce you to the fundamentals of web architecture and how to create a web page from the ground up.

We recommend this course for anyone who wants to build websites with Drupal and has no experience with web development. The goal of the course is to make you feel comfortable working with web development and how to problem solve and search for solutions when working on a web project.

Learning Objectives

You'll come away from the course with knowledge of:

  • How HTML and browsers interact

  • How to write semantic HTML to structure web pages

  • CSS syntax and how to style HTML elements and create simple layouts

  • Basic programming concepts, like variables, expressions, functions

  • How to use PHP to make a web page dynamic, and how to run a PHP script

  • Javascript syntax, how to add javascript to a page, and how to use jQuery

  • The role of HTML, CSS, JavaScript, and PHP in building web pages

Syllabus

HTML

  • Creating a web page with HTML
  • Creating semantic HTML
  • Overview of HTML tags
  • Inline vs. block HTML tags
  • How to format text
  • Adding links and images
  • Accessibility basics
  • Using a browser inspector

CSS

  • Basic CSS syntax and concepts
  • Styling inline, block, and text components
  • Techniques for creating layouts with CSS
  • How to identify and fix common CSS problems
  • Using CSS to enhance your design
  • Creating responsive layouts with CSS
  • CSS grid and flexbox

PHP

  • Creating a basic web page with PHP
  • Running a PHP script
  • Using variables
  • Working with different data types
  • Operators and if statements
  • Using and creating functions
  • Introduction to object-oriented PHP

JavaScript

  • Adding simple JavaScript code inline
  • Including external JavaScript file
  • Selecting HTML and adding an event listener
  • Using variables and functions
  • Working with conditionals and objects
  • Adding jQuery
  • Creating a toggle menu with JavaScript
  • Using additional JavaScript libraries

Who Will Get the Most Out of This Course

This course is ideal for anyone brand-new to web development. It's a preparatory class for the Drupal Theming and Drupal Module Development Courses.

Dev Environments

You'll need to be able to install an editor for writing code (such as Notepad++, Atom, or Sublime) as well as XAMPP for running PHP. We'll install these as part of the course, but you'll need admin access on your computer to do the installation.