Web Design (WEB)

STEM/Information Technology

Skilled and Technical Sciences Contests Contest Information

State Qualifying Exam: No National Contest: Yes Participation: Teams of 2

Contest Description The Illinois Web Design Competition tracks closely with Nationals and World Skills. As well, this contest is closely aligned with skillsets employers are looking for in the field of Web Technology. Teams of 2 will complete a series of task focusing on planing, aesthetics, usbility, accessibility, semantics, responsive, and scripting. Tasks To Be Evaluated

• Work with a client to demonstrate communication skills. • Plan a web project with deliverables including:

o Goal/task identification & measurement o Information Architecture with wireframing and sitemaps o Setting Aesthetic direction with Style Tiles, mood boards or other tools.

• Implementing a responsive layout • Consuming and interacting with an API • Using FTP to publish a web project • Resume review & Interview

Clothing Requirement National Requirement: For men: Official SkillsUSA white polo shirt with black dress slacks, black socks and black leather shoes. For women: Official SkillsUSA white polo shirt with black dress skirt (knee-length) or slacks, black socks or black or skin-tone seamless hose and black leather dress shoes. State Requirement: National Requirement OR Black dress pants, white dress shirt, dark socks with dress shoes. Supplies Provided by Technical Committee Workstation with table space for two computers, with two chairs, 110-volt electrical outlet. Supplies Provided by Contestant

• Two multiple outlet surge protectors • Sketch pad for storyboarding • Computers with USB port, and an Ethernet connection • Hub and patch cables for interconnecting team computers • Related Web authoring and graphics software accompanied by proof of license • Design and development tools necessary to build a complete website • Computers with FTP and/or SSH capabilities

Additional Information There are some important changes from previous years to be aware of. This year we will have networking and a server to interact with. We will be providing Ethernet cables and a Wifi access point. However, in our experience with the rooms available for the contest, we highly recommend Ethernet over Wifi for better reliability. Scripting will play an increasing role in the contest this year, as it does in real projects across the industry. Teams will need to know how to consume and interact with REST API. This API will return JSON. We have added an additional publishing component this year. Teams will be expected to publish static pages to a server via FTP or SSH. Computers will need to have the tools and permissions to allow this. FileZilla is a free, open source, and cross-platform FTP GUI Client that is commonly used in the industry. (https://filezilla-project.org/download.php?type=client) Advanced IDEs often have this capability as well. In past years, we often see a reliance on Dreamweaver tooling instead of an understanding the coding techniques. Though Dreamweaver has not been an industry accepted too for many years, we will continue to allow it, however, we would like you to consider some free, open source, and cross-platform alternatives:

• Visual Studio Code (https://code.visualstudio.com/) • Brackets (http://brackets.io/) • Atom (https://atom.io/)

We will allow the use of JavaScript and CSS frameworks, we expect a demonstrable understanding of the fundamental technology that these frameworks are built on. A continued advancement of core web technologies and ‘evergreen’ browsers’ ability to keep up to date with these advancements have greatly reduced the industry’s reliance on frameworks.