Web Design and Development

web development

Course Title Start DateEnd DateSession DatesDaysTimeHoursPricesRegister Now
Web Design and Web Development13-Nov-1817-Jan-19

11/13, 11/15, 11/20/, 11/27, 11/29, 12/4, 12/6, 12/11, 12/13, 12/18, 12/20, 1/3, 1/8, 1/10, 1/15, 1/17Tue, Thur6:00 pm - 9:00 pm80$2,499.00Register

Overview

Web Design & Development

As a student in this course, you will learn the most important topics of front- and back-end development. This is a project-based introduction to web design and development which emphasizes standards-based and accessible design. The course introduces students to cross-platform web design and development with a focus on planning and designing effective dynamic web applications. Students will also learn how web developers should effectively plan, design, implement, and troubleshoot dynamic websites built in PHP. This includes understanding how to administer, maintain, and troubleshoot the supporting infrastructure i.e. web servers and web-based databases.

This is a hands-on course in web development for participants who expect to rapidly learn how to code in Angular, the newest and fastest growing Javascript framework from Google. The purpose of the course is to provide students with a solid grasp of dynamic web development from a technical perspective. This practical course will focus on the basic implementation of Bootstrap Framework and Javascript coding, concepts of model-view-viewmodel (MVVM) framework and features of Angular coding. Students should have basic knowledge of HTML and coding. Students will build Angular-based websites and applications that will progress through the course utilizing available editing tools.

The course progresses from introductory work on web design i.e. implementing web pages by writing HTML and CSS code; enhancing web pages with the use of page layout techniques, text formatting, graphics, images, and multimedia to a culminating project in which students design and develop a functional, multi-page website. The focus will transition mid-way as students are introduced to back-end scripting languages and relational databases.  The class will teach the latest web design and development techniques using industry tools e.g.  XAMPP, Visual Studio Code, MySQL, PHP7, CSS3, HTML5, JavaScript frameworks and code repositories (GitHub).

The course is designed for the beginner who wants to get a basic grasp of essential web design concepts and practical application. Developers will find the course useful to fill knowledge gaps and possibly an introduction to the latest tools, testing and/or updates to the technologies e.g. HTML5, CSS3 and PHP standards.

Entrepreneurs and business professionals will find the course useful to understand how HTML, CSS and JavaScript work together to create a simple web site to promote your business or idea. Hobbyist will find the course interesting as a refresher of the basics and introduction to the latest trends and standards.

Foundations of Web Design & Development

  • The Language of the Web
  • Sites, Portals and Applications
  • Front-End and Back-End Domains
  • Web Standards and Protocols
  • Local development environment
  • Integrated development environment
  • Code source repository

Web Accessibility

  • What is Web Accessibility?
  • What is the purpose of Section 508?
  • Why Web Accessibility is Important
  • Design Techniques for Websites Accessibility and Usability

Web Planning & Design

  • Planning a Website
  • Basic Web Design Principles
  • Principles of Client Management
  • Creating Wireframes, Mock-ups and Prototypes
  • Capturing and documenting requirements
  • Building your First Web Page

Web Design Basics  
HTML5

  • Getting Started with HTML5
  • Structure of a HTML document.
  • Creating titles, paragraphs, containers, lists.
  • Adding links and images.
  • Working with Tables.
  • Forms in HTML, including HTML5 semantic input fields
  • Tags and Elements
  • Defining Basic Tables
  • Basic HTML Form Elements
  • HTML5 Form Controls
  • Linking to Audio & Video
  • Embedding Audio & Video

CSS3

  • Introduction to CSS3
  • How to add stylesheets and reference on web page
  • The Box Model.
  • Selecting elements with CSS3
  • Specifying fonts & font Sizes
  • Using techniques to style lists, forms, tables and links
  • Using techniques to position images and layout elements on a page
  • Grid Systems & CSS Frameworks

JavaScript

  • Getting acquainted with JavaScript
  • Language essentials
  • Form handling & validation
  • Making dynamic pages
  • Handling events
  • Introduction to JavaScript frameworks

Web Development Basics  
PHP

  • Demonstrate proper basic PHP syntax, structure and coding techniques
  • Use variables, constants, expressions and operators
  • Comment PHP code
  • Create and use Arrays
  • Use String, Numbers, built-in functions & global variables
  • Use HTML5/CSS3 forms with PHP
  • Use PHP to send form data to database
  • Upload files dynamically
  • Use session and cookies
  • What’s new with PHPOOP

MySQL

  • Setup a MySQL database
  • Using phpMyAdmin to manage database
  • Set up a data connection using PHP
  • Search the database and display query results
  • Insert, Update and Delete records

Introduction to Content Management Systems

  • Installing and setting up WordPress site
  • Configuring a theme
  • Adding plugins & widgets
  • Introduction to WordPress templating system

Request Additional Information