PD410 Portfolio Development

Course Description

This course begin the process of focusing and defining each student’s creative identity by writing a biographical artist’s statement, then selecting, reviewing and refining a portfolio that best defines his or her current creative ability and professional ambition. Working together as a class along with meetings with portfolio advisors and through focused individual effort, students will learn how to define and present their distinctive vision to their chosen field of study.

PD400 Critical Skills Review

Course Description

Positioned near the midpoint of the Web Development certification, this course tests and reviews students‘ comprehension of previous program topics. Students will work independently to complete a design project, on deadline, designed to stimulate both creative and technical problem solving. A detailed critique of the assignment will allow the instructor to evaluate each student’s critical skillset, identify problem areas needing further attention, and assign tutoring or extra work as needed. The course concludes with each student’s commitment to a design project focusing on an area of personal interest, which will be presented as a deliverable during the Portfolio courses at the end of the Web Development certificate program.

DV310 Mobile Web Development

Course Description

In this Web Development class, students learn best practices for making sure their sites perform equally well on all devices. Concepts like media queries, responsive design and mobile scripting will be explored, and students will gain experience solving design problems that arise when trying to accommodate a smartphone screen and a full-sized computer monitor all at once. jQuery Mobile adds usability and user interface features that make it simple to create an experience like that of a native app.

Format/Topics

  • Responsive Design
  • Media Queries
  • Progressive Enhancement
  • Gradeful Degradation
  • Javascript UX Enhancements
  • jQuery Mobile
  • Bootstrap
  • LESS and other CSS preprocessors

Learning Outcomes

  • Reinforce responsive design concepts and best practices
  • Get students comfortable with popular frameworks including Bootstrap, jQuery Mobile and LESS
  • Understand the principles of progressive enhancement, graceful degradation and mobile first design
  • Use Javascript to enhance the user experience for users at different screen sizes

DV290 WordPress III

Course Description

In this Web Development class, students will learn how to create their own customized plugins for the WordPress platform to solve a problem or add a feature. Students will take on an in depth WordPress Development project of their choosing, involving a custom designed theme, advanced theme functionality and smartly implemented plugins.

Format/Topics

  • Basic anatomy of a WordPress plugin
  • Ensuring your code is properly namespaced
  • Working with the database, admin menu and repository
  • JSON and APIs

Learning Outcomes

  • Understand what goes into creating WordPress plugins and widgets
  • Learn more about creating projects that ‘play nice’ with the work of other developers
  • Design and implement a useful WordPress plugin and put it up in the repository
  • Work with APIs and JSON to provide useful data

DV280 WordPress II

Course Description

Developing custom WordPress themes is an important and sought after skill that requires planning, organization and an understanding of the WordPress framework itself. In this Web Development class students learn advanced techniques for designing custom WordPress themes, including how to manage sidebars, widgets and blog functionality. We’ll also begin working with various WordPress plugins that add even more functionality to the framework.

Format/Topics

  • Understanding Template Hierarchy
  • Plugin’s, Widgets and Themes
  • Basics of Theme architecture

     

Learning Outcomes

  • Clearly understanding the structure of a WordPress theme
  • Demonstrating best practices for theme development
  • Guide students through completion of an entire WordPress project from start to finish

DV270 Introduction to WordPress

Course Description

In this key module for the Web Development certification, students are introduced to the web’s most popular content management system, WordPress. WordPress makes creating a standard site or blog simple and repeatable, and it allows the end-user to manage the site without the developer’s help.

Format/Topics

  • Understanding the CMS
  • Installing WordPress
  • Moving WordPress
  • Understanding Template Hierarchy
  • Plugings, Widgets and Themes
  • Basics of Theme architecture

Learning Outcomes

  • Introduce students to the concepts of a Content Management System
  • Get students comfortable with managing WordPress as a user would
  • Get students comfortable with installing, managing, maintaining and migrating WordPress sites

DV260 Web Interactivity

Course Description

In this course, students will enhance the dynamism and user experience of their sites by looking at AJAX, a technique that combines everything we’ve learned up to this point in the Web Development certificate program to create instant changes on web sites without a page reload.

Format/Topics

  • The history of AJAX, including XMLHttpRequest
  • jQuery’s .load, .get, .post and .ajax methods
  • Connecting HTML/CSS/JS/jQ and AJAX into a seamless user experience

Learning Outcomes

  • Understand what AJAX is, what it does and when to use it
  • See how to safely add AJAX to existing projects to enhance the User Experience (UX)
  • Use best practices to ensure graceful degradation where AJAX isn’t supported

DV250 PHP and MySQL III

Course Description

In this Web Development class, students will learn how e-commerce works on the web, as well as best practices for keeping user data secure, and sites safe from hackers. We’ll explore in depth the concept of encryption, and how to smartly implement it in your sites. As projects get more advanced and teams get bigger, students will reap the benefits of the object-oriented programming paradigm.

Format/Topics

  • Designing, implementing, launching and maintaining a larger database-driven web app
  • Encryption and security best practice
  • Object-oriented PHP and frameworks

Learning Outcomes

  • Produce a CRUD based application independently from start to finish
  • Learn more about security, encryption and ecommerce
  • Look at object-oriented PHP

DV240 PHP and MySQL II

Course Description

Extending the concepts presented in the prior Web Development certificate classes, students will take concepts behind databases further and learn what makes larger database driven sites like Facebook. We’ll begin discussing sessions, security and advanced database design concepts. Students will have an opportunity to create a database driven site from scratch, which will serve as a powerful addition to their portfolios.

Format/Topics

  • MySQL and phpMyAdmin
  • Database architecture best practices
  • Database security best practices
  • $_SESSION and authentication
  • Create/Read/Update/Delete (CRUD) applications
  • Iterating through database results

Learning Outcomes

  • Become stronger with PHP syntax
  • Begin working with databases and how to manage them
  • Understand common CRUD database application paradigm

DV230 PHP and MySQL I

Course Description

This Web Development class moves toward back-end development as students learn the basics of PHP coding, one of the world’s most popular server-side languages. Students are then introduced to MySQL and the concepts and best practices for working with databases in their Web Development certificate projects. The use of these databases allows students to add myriad new features to their projects, including user account information and persistent user-created data.

Format/Topics

  • Understanding $_GET and $_POST
  • Dynamically generated websites
  • Templating
  • Associative arrays and looping
  • Beginning security best practices
  • MAMP, php.ini and error reporting

Learning Outcomes

  • Strengthen programming skills while learning PHP syntax
  • Understand the difference between “back-end” and “client-side”, and when to use each
  • Working with forms and URL variables
  • Learn about GET and POST requests
  • Understand the basics of PHP templating
  • Setting up a local development environment

DV220 JavaScript & jQuery V

Course Description

In this Web Development class, students will learn the basic techniques and concepts for developing plugins that extend the functionality of the jQuery library: we’ll focus on the how and why of designing your own functions and adding them to the already powerful jQuery library.

Format/Topics

  • Advanced jQuery functionality
  • Advanced jQuery event methods
  • Developing jQuery plugins
  • Secure Code
  • Namespacing

Learning Outcomes

  • Grasp advanced jQuery concepts
  • Begin thinking about how to intelligently reuse code
  • Learn the proper way to create jQuery plugins
  • Understand security and compatibility considerations

DV210 JavaScript & jQuery IV

Course Description

For this Web Development class, students will put their new knowledge of programming to the test, and make a project that features Javascript/jQuery interactivity. Students will leave this module with a portfolio piece that demonstrates how their websites are more than just static pages.

Format/Topics

  • Design
  • HTML
  • CSS
  • User Experience Design
  • jQuery Interactivity

Learning Outcomes

  • Have a grasp of how to work interactivity and dynamism into a design
  • Manage and organize code for a larger project including HTML, CSS and Javascript
  • Practice implementing common jQuery features
  • End up with a compelling portfolio piece

DW170 JavaScript & jQuery II

Course Description

Here students will continue learning about Javascript programming, and will be introduced to the jQuery library. jQuery allows developers to easily create advanced interactivity and visual effects in their projects, including transitions, slideshows and animation. Students will take the production values of their websites to the next level as they learn the ins and outs of jQuery. This Web Development course will focus on user interface and user experience enhancements that will allow students to really set their sites apart. We’ll also look at how jQuery can help with common utility functions like accordions, image swaps and “read more/less” functionality.

Format/Topics

  • jQuery Effect Methods
  • jQuery Event Methods
  • jQuery Traversal Methods
  • Callback functions and timing
  • Common jQuery Plugins
  • Using jQuery to Improve UX

Learning Outcomes

  • Understand why and how to add Javascript/jQuery to a web project
  • Gain further experience with programming for the web
  • Start to think critically about user experience
  • Use jQuery to provide a polished and interactive web experience

DW160 Introduction to JavaScript & jQuery

Course Description

In this Web Development class students will get a strong foundation in the basic concepts of programming as they learn Javascript. They’ll learn how the most popular language on the web can help make their sites more functional and engaging, while enhancing the overall user experience.

Format/Topics

  • Javascript
  • Variables
  • Conditional Statements and Boolean Logic
  • Loops
  • Functions: built-in and defined
  • Objects and arrays
  • jQuery

Learning Outcomes

  • Develop a foundational understanding of computer programming
  • Learn the basics of Javascript, the most popular programming language on the web
  • Begin working with jQuery, a popular Javascript library
  • Begin adding advanced, dynamic functionality to their projects

DW140 Introduction to HTML & CSS III

Course Description

Students will put their developing skills to the test by creating a website based on an existing mockup. Students will be given lectures or demonstrations covering: user interfaces (UI); navigational frameworks; cross-browser compatibility; interfaces that optimize usability; accessibility; the enhancement of browser interoperability; establishing client communication goals; and additional web design workflows. This Web Development class also discusses and validates what has been learned in the previous courses of the Web Development certification in context of the relationship between information architecture and usability, as well as in the context of real-world projects, while also introducing the concepts of search engine optimization.

Format/Topics

  • CSS Layouts
  • Float & Clear
  • CSS Positioning
  • Web Fonts + Advanced Web Typography
  • CSS3 Properties
  • Transitions
  • Media Queries

Learning Outcomes

  • Gain facility with the more advanced topics within CSS
  • Understand the advantages and disadvantages of CSS positioning
  • Fully code a site based on an existing mockup
  • Optimize the site and make it present well on all screen sizes
  • Follow best practices for search engine optimization

DW140 Introduction to HTML & CSS II

Course Description

Students work toward the completion of their Web Development certificate by learning HTML and CSS and continue to practice these skills while separating content from presentation. Topics include CSS/web typography; using HTML and CSS for page layout; fixed, liquid and elastic page layouts; floats and asides; CSS browser compatibility issues; and an introduction to accessibility. Students will expand upon their knowledge of Information Architecture and learn how to organize content in a user-centric way.

Format/Topics

  • The basics of CSS layouts
  • Understanding the common properties and values
  • Different measurement units in CSS
  • Systematically implementing the visual identity of a design
  • “Mobile first design”, and designing for different screens

Learning Outcomes

  • Begin using CSS for layout and aesthetics
  • Learn to create organized and logical stylesheets
  • Capture the aesthetic design of a mockup with code
  • Start thinking about different layouts and behaviors
  • Start understanding the needs and challenges of designing for multiple screen-sizes

DW130 Introduction to HTML & CSS

Course Description

In this Web Development class, students will further explore and begin a deeper understanding of the HTML and CSS code that makes websites work. Students will begin to create well-formed markup that complies with HTML and CSS standards. Topics also include non-linear navigation and usability issues.

Format/Topics

  • Structure and trends in website design
  • HTML
  • Understanding elements, attributes, doctypes and more
  • Structuring a page’s markup based on a design
  • Managing files, assets and linking
  • Making a site live

Learning Outcomes

  • Understand the ideas behind a markup language
  • Be able to understand and read web code
  • Be comfortable with creating their own basic HTML web pages
  • Understand linking and relationships between files and pages
  • Be comfortable with common structures found in HTML code
  • Understand the relationship between content and style

DW120 Tools of Web Design

Course Description

Building upon the foundations established earlier during the Web Development certificate program, this module will focus on some of the tools that are needed by a web designer. Students will become familiar with the professional web toolsets using Adobe Creative Suite and concentrate on preparing a design for presentation and development. Topics also include web graphic optimization and color principles.

Format/Topics

  • Structure and trends in website design
  • HTML
  • CSS
  • Development Tools
  • Sublime Text
  • Cyberduck
  • Google Chrome
  • MAMP
  • Launching a site
  • Domains
  • Hosting
  • FTP

Learning Outcomes

  • Understand best practices for image optimization and asset management
  • Develop an awareness of visual and aesthetic trends on the web
  • Learn the process for mocking up a website with Adobe’s tools
  • Understand how visual components of a site correspond to the markup
  • Create a design that they will later have to implement

DW110 Introduction to Web Design

Course Description

This course is an introduction to the core concepts of web design. Focusing on information architecture, this module covers important concepts of the web design process including workflow, sitemaps, wireframes and a brief introduction to coding principles and best practices. Review of websites currently on the Internet will be used to aid students in learning the differences between how print communicates and interacts with its audience and how the web does.

Format/Topics

  • Structure and trends in website design
  • HTML
  • CSS
  • Development Tools
  • Sublime Text
  • Cyberduck
  • Google Chrome
  • MAMP
  • Launching a site
  • Domains
  • Hosting
  • FTP

Learning Outcomes

  • Understand the basic structure common to all websites
  • Develop an understanding of the technologies that power the web
  • Gain familiarity with managing domains, hosting and FTP
  • Begin working with HTML and CSS
  • Understand the semantic web and information architecture
  • Learn the software used in producing websites