What’s all the fuss about HTML5 and CSS-3? Although these are not yet fully supported in many browsers, now is the time to begin learning “best practices.” Consider what has happened in the past – it was the “wild west” – everyone was doing what they thought best, but with many inconsistencies. As a result, many students were ill-prepared for employment as web professionals, and many sites did not meet minimal web standards. WOW (World Organization of Webmasters) has spent well over a decade promoting web standards and working with many entities and organizations. In conjunction with the U.S. Department of Labor, WOW has also helped standardize web professional position titles (such as web designer, web developer, and webmaster).

ONET's Web Developer page: https://www.onetonline.org/link/summary/15-1134.00?redir=15-1099.04

As we progress to emerging technologies such as HTML5 and CSS-3, we should focus on “best practices” which will help your students succeed. Come to this track to learn why map-able, stackable and portable web standards-based education is the best solution for your students, and learn how to implement that solution at your school! Walk out of this week with web professional education standards, support for web professional job demand to justify your programs, curriculum aligned to those standards, a pathway to more widely recognized web professional certifications than you have today, teaching tools that you have learned to use, confidence that you are ready to deliver the best web educational services to your community, and preparation for a new web professional certification for yourself.

For a technology that's not relatively that old, it has certainly gone through changes at a breakneck speed. Whereas a designer used to be able to focus solely on graphic design and HTML, and a developer rarely had to look beyond her lines of code, Web development today mandates that both designers and developers wear many hats. No longer can you just attend to your immediate realm; these days, especially considering a poor economy, it is expected that every developer and designer be at least familiar with, and ideally knowledgable of, related topics and technologies, too. The hurdle, then, is how both groups of people expand their sphere and attain the necessary comfort with a wider range of languages, applications, and skills. Thus: Mobile Application Development with HTML5 and jQuery Workshop Developers and Designers.

Over five days, this course covers not only the depth and breadth of knowledge developers and designers need, but also within a common context. By the end, developers and designers alike will be able to fulfill–and teach–the more demanding role that is Web development today and in the near future.

During this course, participants will:

• Learn how to future proof your Web design and development community college program and employ cutting edge techniques today.

These, and other “best practices,” will be covered during this week long seminar. Participants are encouraged to bring their own laptop, or lab computers will be provided, to follow along with hands-on sessions. We will be emphasizing web standards throughout the week. Participants will leave with numerous working examples employing these technologies and have a clearer understanding of what can be presented to students today to make them employable professionals tomorrow.

Specifically you will learn:

• Learn how to future proof your Web design and development community college program and employ cutting edge techniques today.
• Learn how to customize your web pages so they take advantage of the capabilities of different screen resolutions (ranging from smart phones to tablets, desktops, and TV screens).
• Learn about emerging web fonts, modern web typography and what can be employed today.
• Learn about enhancements to web accessibility and ARIA (Accessible Rich Internet Applications).
• Learn how to employ the new form attributes (with graceful degradation for browsers with limited or no support).
• Learn how to incorporate rich media (audio and video) with graceful degradation in older browsers.
• Learn about current tools and libraries which can be employed to provide support for older browsers.
• Learn why it is now important to develop for mobile devices first (mobile web) and then expand to other platforms.
• Learn how to employ local storage (for devices which support this technology).
• Learn the fundamentals of the element and contrast that with SVG (scalable vector graphics.
• Learn about CSS gradients, opacity, transitions, transformations and animations.
• Learn how to work with tools (such as Adobe Dreamweaver) to develop and enhance your web pages.
• Key points in JavaScript’s history
• How JavaScript compares to other technologies and languages
• JavaScript’s core attributes as a language
• Proper JavaScript programming approaches
• What development tools are available
• What debugging tools are available
• The JavaScript strengths and weaknesses of the main browsers from a developer’s perspective
• The basics of debugging
• How JavaScript code is integrated into a Web page
• The fundamental JavaScript syntax
• How to create and use variables
• What control structures exist
• How objects in JavaScript work
• How to define and invoke functions
• What the event model is and how to handle events
• What the Document Object Model (DOM) is and how to manipulate it
• How to handle and improve HTML forms
• The relationship between JavaScript and HTML5
• Many JavaScript best practices
• The Ajax process and its parts
• The data formats used by Ajax
• How to create server-side resources for Ajax requests
• How to perform Ajax requests using straight JavaScript
• How to debug Ajax requests
• What some of the best available libraries are
• How to use third-party libraries in a site
• How to choose a framework
• The most commonly used frameworks today
• How to integrate jQuery into a site
• How to select elements using jQuery
• How to create event handlers using jQuery
• DOM manipulation using jQuery
• What the jQuery User Interface (jquery UI) library is
• How to use jQuery UI to create tabs, accordions, date pickers, effects, and more
• How to use third-party jQuery plug-ins
• How to perform Ajax requests using jQuery
• The fundamentals of mobile site development via jQuery Mobile

These, and other “best practices,” will be covered during this week long seminar. Participants are encouraged to bring their own laptop, or lab computers will be provided, to follow along with hands-on sessions. We will be emphasizing web standards throughout the week. Participants will leave with numerous working examples employing these technologies and have a clearer understanding of what can be presented to students today to make them employable professionals tomorrow.

Instructor:

Mark DuBois serves as the Director of Education for WOW and has been teaching at Illinois Central Collegefor over a decade. He also teaches classes for fellow faculty members every year within the state of Illinois (in May). Prior to 1999, he worked in various roles in Information Technology. He has been working with HTML since 1992. Mark developed his first commercial web site in 1995. He established the first accredited degree in web systems in the U.S. He also established the first accredited degree in rich Internet application development (a full year before the term AJAX was coined).