Scripting for Web Designers

Gain a hands-on introduction to webpage scripting for designers.

course image

Course details

ceus icon CEUs 2.1

cost icon Cost

Scripting for Web Designers

Gain a hands-on introduction to webpage scripting for designers.

What you’ll be able to do — competencies

  • Identify key components of a dynamic website and distinguish between server and browser roles 
  • Recognize and use basic JavaScript to write, comment and debug code 
  • Recognize and use basic PHP and MySQL to store, deliver and manipulate data dynamically on a website 

Course description

expand drawer icon collaspe drawer icon

This course is designed as an introduction to webpage scripting for the designer. Students will learn how and when webpage scripting is used, how scripting affects the behavior and presentation of a webpage, and how to communicate programming requirements to web developers. Students will perform hands-on exercises using JavaScript, the most popular scripting language currently in use on the Web. 

Pre-requisites

expand drawer icon collaspe drawer icon
  • HTML and CSS: Level 2 or equivalent knowledge  

Syllabus

expand drawer icon collaspe drawer icon

Lesson 1 
Scripting and its role in web design 

  • Effects of scripting on a webpage 
  • Client-side vs. server-side scripting 
  • Viewing and manipulating code in the browser 

Lesson 1 Assignments 

Due before next class session: 

  • Complete homework assigned in class using the following for reference: JavaScript for Beginners, Chapters 1 and 2 

Lesson 2 
Introduction to JavaScript 

  • A short history of JavaScript 
  • Placing JavaScript in an html file 
  • Syntax rules and best practices 

Lesson 3 
Basic JavaScript building blocks 

  • Primitive data types 
  • Variables 
  • Operators 
  • Expressions 
  • Statements 
  • Commenting code 

Lesson 4 
Diving deeper into JavaScript 

  • Arrays 
  • Conditional statements 
  • Dialog boxes 
  • Loops 
  • Functions 

Lesson 4 Assignments 

Due before next class session: 

  • Complete homework assigned in class using the following for referenceJavaScript for Beginners, Chapters 3, 4, 5 and Chapter 6 sections 1 and 2 

Lesson 5 
JavaScript Objects 

  • What is an object 
  • Syntax 
  • Properties/value pairs 
  • Methods 

Lesson 6 
JavaScript Events and DOM Manipulation  

  • Events 
  • The Document Object Model (DOM) 
  • Finding Elements in the DOM 
  • Changing Elements in the DOM 

Lesson 6 Assignments 

Due before next class session: 

  • Complete homework assigned in class using the following for reference: JavaScript for Beginners, Chapter 6 section 3 

Lesson 7 
Introduction to PHP 

  • What is PHP 
  • PHP syntax 
  • Variables, arrays and functions 
  • PHP includes 

Lesson 7 Assignments 

Due before next class session: 

  • Complete homework assigned in class using the following for reference: PHP and MySQL for Beginners, Chapters 16 

Lesson 8 
PHP and the database 

  • PHP and the server environment 
  • Embedding PHP into an HTML file 
  • The relationship between PHP and the database 
  • Brief overview of MySQL with the SQL language 

Lesson 8 Assignments 

Due before next class session: 

  • Complete homework assigned in class using the following for reference: PHP and MySQL for Beginners, Chapter 9 

Lesson 9 
PHP and dynamic webpages 

  • Using PHP to fetch data on a webpage 
  • Using PHP to store user responses 
  • Combining PHP and JavaScript with AJAX 
  • Course wrap-up 

Next available start dates

We aren’t currently offering this course, but plan to in the future. In the meantime keep checking for updates, and browse our course catalog for more classes.

Want more information about Technology programs at Tombolo?

Interested in custom learning solutions for your team?

Tombolo Institute Corporate Solutions offers tailor-made professional development programs to meet your organization’s goals.

Get started