Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Development Certificate


Published on

Web Development Certificate at CDIABU

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Web Development Certificate

  1. 1. Web Development
  2. 2. Bob Daniels Executive Director
  3. 3. Instructors <ul><li>Practicing experts who have mastered their craft and are passionate about teaching </li></ul><ul><li>Over 1,000 hours of real-world, objective-based, hands-on training </li></ul>
  4. 4. <ul><li>Over 15,000 sq.ft. of modern studios and labs </li></ul><ul><li>All equipped with the latest digital imaging hardware and </li></ul><ul><li>industry-leading software </li></ul>Facility
  5. 5. Joel McNamee Program Director
  6. 6. <ul><li>Creativity + Technical Proficiency </li></ul>Fundamentals of the Program
  7. 7. <ul><li>Two Semesters (four sections) </li></ul><ul><li>Web Development Foundation </li></ul><ul><li>Data Driven Web Development </li></ul><ul><li>Rich Media Web Development </li></ul><ul><li>Managed & Socialized Web Content </li></ul><ul><li>Special Topic Presentations </li></ul><ul><li>Search Engine Optimization (SEO) </li></ul><ul><li>Preventing cross-site scripting </li></ul><ul><li>And more… </li></ul>Web Development Certificate
  8. 8. <ul><li>Web Dev. Foundation </li></ul><ul><li>Intro to Web Development </li></ul><ul><li>| </li></ul><ul><li>Creating Web Dev Environment </li></ul><ul><li>| </li></ul><ul><li>JavaScript Basics & DOM </li></ul><ul><li>| </li></ul><ul><li>Project 1 </li></ul>Web Development Modules Data Driven Web Dev. Intro to MySQL & PHP 1 | Intro to MySQL & PHP 2 | MySQL Set Up & Admin. | Intro to XML | XML, XSL & XPATH | PHP & XML | Project 2
  9. 9. <ul><li>Rich Media Web Dev. </li></ul><ul><li>Intro to Flash </li></ul><ul><li>| </li></ul><ul><li>Flash & ActionScript 3.0 </li></ul><ul><li>| </li></ul><ul><li>Project 3 </li></ul><ul><li>| </li></ul><ul><li>Intro to Ajax </li></ul><ul><li>| </li></ul><ul><li>Advanced Ajax </li></ul><ul><li>| </li></ul><ul><li>Project 4 </li></ul>Web Development Modules Managed Web Content Content Management | Creating a Content Managed Site | Web 2.0 & Socialized Web | Final Project
  10. 10. <ul><li>Modules </li></ul><ul><li>WDV101: Introduction to Web Development </li></ul><ul><li>WDV102 : Creating a Web Development and Deployment Environment </li></ul><ul><li>WDV103 : Javascript Basics and the Document Object Model </li></ul><ul><li>WDV104 : Project 1 </li></ul><ul><li>WDV201: Introduction to MySQL and PHP I </li></ul><ul><li>WDV202: Introduction to MySQL and PHP II </li></ul><ul><li>WDV203: Setting Up a MYSQL Database </li></ul><ul><li>WDV204 : Introduction to XML for Structured Data Manipulation </li></ul><ul><li>WDV205 : Manipulating XML with XSL & XPATH </li></ul><ul><li>WDV206 : PHP and XML </li></ul><ul><li>WDV207 : Object Oriented Programming with PHP </li></ul><ul><li>WDV208 : Project 2 </li></ul>Semester One
  11. 11. <ul><li>Modules </li></ul><ul><li>WDV301 Content Management </li></ul><ul><li>WDV302 Creating a Content Managed Site </li></ul><ul><li>WDV303 Customizing CMS </li></ul><ul><li>WDV304 Web 2.0 and Socializing Your Site </li></ul><ul><li>WDV305 Project 3 </li></ul><ul><li>WDV401 Introduction to Flash </li></ul><ul><li>WDV402 Flash and ActionScript 3.0 </li></ul><ul><li>WDV403 Project 4 </li></ul><ul><li>WDV404 Introduction to AJAX </li></ul><ul><li>WDV405 Putting the X in AJAX </li></ul><ul><li>WDV406: Final Project </li></ul>Semester Two
  12. 12. <ul><li>Introduction to Web Development </li></ul><ul><ul><ul><li>In this first module students will be introduced to the fundamental concepts of the web and web development. Students will start by building basic web pages from the ground up using XHTML and a text editor. </li></ul></ul></ul><ul><ul><ul><li>XHTML vs. HTML </li></ul></ul></ul><ul><ul><ul><li>Introduce the benefits of CSS (Cascading Style sheets) for formatting web pages. </li></ul></ul></ul>Section 1: Web Development Foundation
  13. 13. <ul><li>Creating a Web Development Environment </li></ul><ul><ul><ul><li>In this module students will learn how to set up a web development environment in both a local and hosted setting. </li></ul></ul></ul><ul><ul><ul><li>Setup and configuration of web servers will be covered. As will managing files via FTP (file transfer protocol). </li></ul></ul></ul><ul><ul><ul><li>Use of Open Source development tools will be introduced and encouraged. </li></ul></ul></ul><ul><ul><ul><li>Advanced XHTML will be explored. </li></ul></ul></ul>Section 1: Web Development Foundation
  14. 14. <ul><li>JavaScript Basics & the DOM </li></ul><ul><ul><ul><li>Build dynamic and interactive web pages using XHTML and JavaScript. </li></ul></ul></ul><ul><ul><ul><li>Develop a familiarity with fundamental scripting concepts such as objects, properties, and methods. </li></ul></ul></ul><ul><ul><ul><li>Learn how to create image rollovers, pop-up windows, and explore the Document Object Model (DOM) for basic form validation. </li></ul></ul></ul>Section 1: Web Development Foundation
  15. 15. <ul><li>Project 1 </li></ul><ul><ul><ul><li>The first project will utilize the XHTML, CSS and JavaScript skills of the student to build a basic “marketing oriented” web site. </li></ul></ul></ul><ul><ul><ul><li>Credit will be given based on presentation and the prevalence of dynamic content. </li></ul></ul></ul><ul><ul><ul><li>Test user will be a “sample customer” who has no knowledge of HTML programming. </li></ul></ul></ul>Section 1: Web Development Foundation
  16. 16. <ul><li>Introduction to MySQL & PHP (Part 1) </li></ul><ul><ul><ul><li>Students will be introduced to the concepts behind integrating database driven content into their web pages. </li></ul></ul></ul><ul><ul><ul><li>Grounding in SQL (structured query language) and MySQL (open source relational database) concepts for reading and writing of relational data. </li></ul></ul></ul><ul><ul><ul><li>PHP will be introduced as a way to connect to a database and present data within a web site. </li></ul></ul></ul>Section 2: Data Driven Web Development
  17. 17. <ul><li>Introduction to MySQL & PHP (Part 2) </li></ul><ul><ul><ul><li>In this module students will build on the previous module by using complex SQL queries and processing that data via their progressing PHP scripting skills. </li></ul></ul></ul>Section 2: Data Driven Web Development
  18. 18. <ul><li>Setting Up a MySQL Database </li></ul><ul><ul><ul><li>Learn to set up and use the popular phpMyAdmin tool to create and manage MySQL databases. </li></ul></ul></ul><ul><ul><ul><li>Design a simple database </li></ul></ul></ul><ul><ul><ul><ul><li>populate DB with data from a spreadsheet </li></ul></ul></ul></ul><ul><ul><ul><ul><li>integrate data from this database into web page </li></ul></ul></ul></ul><ul><ul><ul><li>Set up a PHP development and debugging environment. </li></ul></ul></ul><ul><ul><ul><li>Use of Open Source development environments will continue to be encouraged. </li></ul></ul></ul>Section 2: Data Driven Web Development
  19. 19. <ul><li>Introduction to XML </li></ul><ul><ul><ul><li>In this module students will learn the principles of XML document structure and how organizations typically use XML to format data. </li></ul></ul></ul><ul><ul><ul><li>Introduce XSLT for the selective processing and formatting of XML data </li></ul></ul></ul><ul><ul><ul><li>Integrate XML via XSLT to web pages. </li></ul></ul></ul>Section 2: Data Driven Web Development
  20. 20. <ul><li>Manipulating XML with XSL & XPATH </li></ul><ul><ul><ul><li>In this module students will extend their knowledge of XML by using more complex XML documents. </li></ul></ul></ul><ul><ul><ul><li>Start to use XPATH and XSL to transform XML into formats more suitable for their web application. </li></ul></ul></ul><ul><ul><ul><li>Integrate and transform data from multiple XML documents. </li></ul></ul></ul><ul><ul><ul><li>Introduce structured logic constructs within XSL and XPATH. </li></ul></ul></ul>Section 2: Data Driven Web Development
  21. 21. <ul><li>PHP & XML </li></ul><ul><ul><ul><li>In this module students will extend their knowledge of PHP by manipulating and processing XML documents with built-in PHP functions. </li></ul></ul></ul><ul><ul><ul><li>Create XML parsers and learn the benefits of this approach when it comes to processing data from multiple documents. </li></ul></ul></ul><ul><ul><ul><li>The options and relative benefits of different approaches will be discussed as they apply to large documents. </li></ul></ul></ul>Section 2: Data Driven Web Development
  22. 22. <ul><li>Project 2 </li></ul><ul><ul><ul><li>This project will require the student to build a more dynamic site where the content will be database and/or XML driven thus enabling the site to be changed at any time. </li></ul></ul></ul><ul><ul><ul><li>Students will need to produce a design that works for varying amounts of content as well as providing the mechanism for the content to be updated by a non-technical person. </li></ul></ul></ul>Section 2: Data Driven Web Development
  23. 23. <ul><li>Content Management </li></ul><ul><ul><ul><li>Joomla is one of many open source CMS’s (content management systems) available today. </li></ul></ul></ul><ul><ul><ul><li>Joomla provides an infrastructure that incorporates many Web 2.0 concepts such as blogs, pod casts, forums, and newsletters as well as providing a collaborative authoring environment for its content. </li></ul></ul></ul><ul><ul><ul><li>Students will learn how to leverage these features to provide a fully managed web environment that can be offered to prospective customers. </li></ul></ul></ul>Section 3: Managed & Socialized Content
  24. 24. <ul><li>Creating a Content Managed Site </li></ul><ul><ul><ul><li>Learn how to set Joomla on their own system and as a hosted solution. </li></ul></ul></ul><ul><ul><ul><li>Build a site using Joomla that incorporates many of the techniques learned throughout the program. </li></ul></ul></ul>Section 3: Managed & Socialized Content
  25. 25. <ul><li>Web 2.0 and the Social Web </li></ul><ul><ul><ul><li>This module will explore the socialization of the web and web content. </li></ul></ul></ul><ul><ul><ul><li>Students will focus on how to provide a complete solution for prospective clients that incorporates not only web development techniques but also focuses on how these technologies are utilized to build sites like MySpace and Facebook. </li></ul></ul></ul><ul><ul><ul><li>Students will begin to architect their final project that will focus not on building web sites but what it takes to build web communities. </li></ul></ul></ul>Section 3: Managed & Socialized Content
  26. 26. <ul><li>Project 3 </li></ul><ul><ul><ul><li>In this project students will be required to build a complete web community using Joomla as the base. </li></ul></ul></ul><ul><ul><ul><li>The student will be encouraged to create a brief project plan that encompasses all aspects of the community. </li></ul></ul></ul><ul><ul><ul><li>The plan will incorporate elements of user interaction and user interface design as well as its “back-end” database needs. </li></ul></ul></ul><ul><ul><ul><li>A detailed list of community modules and the technologies required to build each module will be created and discussed with the instructor. </li></ul></ul></ul>Section 3: Managed & Socialized Content
  27. 27. <ul><li>introduction to Flash </li></ul><ul><ul><ul><li>This is an introductory course that provides designers and developers new to the Flash environment the knowledge and hands-on practice they need to create rich Flash content. </li></ul></ul></ul><ul><ul><ul><li>Students will produce an engaging interface using text, graphics, animations, video, and sound. </li></ul></ul></ul><ul><ul><ul><li>Basic user interactions are added using built in ActionScript behaviors and Script Assist. </li></ul></ul></ul>Section 4: Rich Media Web Development
  28. 28. <ul><li>Flash & ActionScript 3.0 </li></ul><ul><ul><ul><li>ActionScript provides experienced Flash designers with the knowledge and hands-on practice they need to create dynamically generated event-driven animation and interactive games with Flash. </li></ul></ul></ul><ul><ul><ul><li>Learn ActionScript fundamental programming techniques. </li></ul></ul></ul><ul><ul><ul><li>Introduce core concepts including instance names, variables, functions, properties, and methods; then proceed through conditions, loops, event handling, and animating with ActionScript.  </li></ul></ul></ul>Section 4: Rich Media Web Development
  29. 29. <ul><li>Project 4 </li></ul><ul><ul><ul><li>In this project the student will be required to produce a short animated Flash presentation incorporating video. </li></ul></ul></ul><ul><ul><ul><li>The text of the presentation will be dynamically driven enabling new information to be added at any time by a non-technical person. </li></ul></ul></ul><ul><ul><ul><li>Convert the navigation from a previous project to use Flash. </li></ul></ul></ul>Section 4: Rich Media Web Development
  30. 30. <ul><li>Introduction to Ajax </li></ul><ul><ul><ul><li>Introduce Ajax (Asynchronous JavaScript and XML) and the basic techniques for creating web applications that require users to interact with large amounts of data. </li></ul></ul></ul><ul><ul><ul><li>Ajax has emerged as a powerful platform for building web applications with extensive client-side interactivity. </li></ul></ul></ul><ul><ul><ul><li>Unlike older approaches, which require reloading of the entire page with every POST back, Ajax uses the JavaScript DOM, the XMLHttpRequest object, XML, and CSS to download and display just the content that needs to change. </li></ul></ul></ul>Section 4: Rich Media Web Development
  31. 31. <ul><li>Putting the X in Ajax & Web Services </li></ul><ul><ul><ul><li>Many of the giants of the Internet today (like allow programmatic interaction with their services. </li></ul></ul></ul><ul><ul><ul><li>In this module students will learn the basics of incorporating web services into their applications to provide value added functionality including ecommerce options. </li></ul></ul></ul><ul><ul><ul><li>AJAX techniques will incorporate this new functionality into the student’s web site. </li></ul></ul></ul>Section 4: Rich Media Web Development
  32. 32. <ul><li>Final Project </li></ul><ul><ul><ul><li>This project will require the student to look at ways in which AJAX techniques can be used to improve the user’s experience of their CMS site. </li></ul></ul></ul><ul><ul><ul><li>These same techniques will be used to incorporate information from other web sites by incorporating web service calls to those sites. </li></ul></ul></ul>Section 4: Rich Media Web Development
  33. 33. <ul><li>Typical Job Titles Average Salaries in Boston </li></ul><ul><li>E-Commerce Programmer $66,200 </li></ul><ul><li>Web Programmer $71,300 </li></ul><ul><li>Web Developer $76,500 </li></ul><ul><li>Webmaster $79,500 </li></ul><ul><li>sources: & </li></ul>Career Paths for Web Development
  34. 34. <ul><li>Job Vacancies by Skill Number of Job Openings </li></ul><ul><li>SQL 1,100 </li></ul><ul><li>XML 500 </li></ul><ul><li>JavaScript 350 </li></ul><ul><li>Ajax 180 </li></ul><ul><li>Flash 200 </li></ul><ul><li>MySQL 140 </li></ul><ul><li>PHP 130 </li></ul><ul><li>sources: & </li></ul>Career Paths for Web Development