Web Development Projects
Printable Version (pdf)

 

Course Introduction

 

Core Standards of the Course

STRAND 1
Students will use and enhance skills learned in Web Development 1, 2 or Advanced.

Standard 1
Apply skills learned in Web Development 1 and Web Development 2 or Web Development Advanced.

1. Use UX/UI Design Standards for project planning and design.
   
2. Code HTML, CSS, and JS using a variety of advanced techniques.
   
3. Create Web Based Applications for Mobile Devices
   
4. Maintain and improve websites, games, and apps for school clients.
   

Standard 2
Review and apply principles and elements of visual design.

1. Utilize visual design elements in all interactive projects.
   
2. Apply concepts of color theory in designing and coding web-based projects
   
3. Utilize image composition in projects.
   

Standard 3
Follow their AUP, Fair Use guidelines, and copyright law.

1. Follow and adhere to the school's Acceptable Use Policy
   
2. Understand when copyrighted material can be used under Fair Use guidelines.
   
3. Understand and adhere to all applicable copyright laws.
   

STRAND 2
Students will create a Mobile App using HTML, CSS, and JS and be introduced to beginning App Development using Web Based API's.

Standard 1
Design and development methodologies.

1. Describe and define features, number of touchpoints, and networking.
   
2. Identify ways to save energy.
   
3. Use a minimum of one API in application: Geolocation, Forms, History, or Storage
   
4. Create a Style Guide or an Interface Inventory
   
5. Create prototype version of their app.
   
6. Work in a team
   
7. Utilize project management skills.
   
8. Develop a concept with considerations for plan, cost, and time.
   
9. Develop a design document detailing the problem the app solves.
   
10. Implement project management: Student will be able to implement project management methodologies to streamline workflow. Agile, Scrum, Kaban, etc.
    

Standard 2
Build the App.

1. Create a splash Screen and icon.
   
2. Develop audio for the application.
   
3. Write and comment code appropriately.
   
4. Create application animations.
   

Performance Skills
Students will publish the App to a physical device or to an App Store (optional)

STRAND 3
Students will learn and follow the process of planning, designing, evaluating, revising, and publishing Web Development projects.

Standard 1
Planning.

1. Conceptualize ideas and do the initial planning for a project.
   
2. Write a project proposal including objectives, goals, overview of the project, costs, timeline, etc. Define the specs for the project (target users, technology needed, signoffs needed, etc.)
   
3. Create a development schedule, team member assignments, and review options for the project Create a wireframe for the project flow, directories, naming conventions, and navigation.
   
4. Get approval for any copyright material that will be used.
   
5. Plan your user interface using design standards.
   
6. Make any revisions needed and get approvals for the project
   

Standard 2

1. Create and development of the content for the project.
   
2. Create a project prototype (working model) and make any needed revisions.
   
3. Create and organize the Web Development objects needed for the project with appropriate naming conventions.
   
4. Add any scripting or programming needed.
   
5. Follow copyright and fair use guidelines.
   
6. Monitor time and cost progress of the project.
   
7. Test the project, check for quality assurance, and make any revisions need.
   
8. Get client approval and check off.
   

Standard 3
Publish the Project.

1. Design images/animations required for publishing and distribution.
   
2. Write needed documentation for the user.
   
3. Set a launch date.
   
4. Provide plan for continued maintenance of the project.
   
5. Publish/launch the Web Based Project
   

STRAND 4
Students will know how to develop a Website or Web Based Game or App.

Standard 1
Understand different roles for those who work as members of a Web Development project team.

1. Explore personal interests and abilities related to working in the web development industry.
   
2. Identify Development talents (i.e., programming, problem solving, algorithmic thinking, etc.) Identify Design Talents (i.e., UX, UI, IA, Animation, 3D JS, etc.)
   
3. Identify organizational and leadership skills.
   
4. Explore aptitude for innovation and creativity.
   
5. Work and collaborate as an interactive project team member or as an individual.
   
6. Identify and understand Web Development team roles: User Interface (UI), User Experience (UX), Information Architecture (IA), Front End Web Developer, Back End Web Developer, Full Stack Web Developer, Programmer, Web Development Designer, Web Development Developer, Web Designer Specialist, etc.
   
7. Explore courses needed for completion of the Web Development Pathway
   
8. Explore careers and training opportunities, trends, and requirements for different roles in Web
   
9. Development
   

STRAND 5
Students will create an interactive Web Development portfolio which showcases a student's projects, work, and skills. Projects included can be created individually or as a team member.

Standard 1
Plan a portfolio showcasing projects completed in all Web Development courses.

1. Use the process for planning and designing interactive projects.
   
2. Include examples of the planning, design, coding, and publishing process
   
3. Use version Control Software to Produce the portfolio (Git, Github, Tortoise svn, etc.)
   

Standard 2
Create a web development portfolio including the following elements with strict adherence to copyright and fair use guidelines:

1. Add: Project Designs (Mockups, WireFrames, and UX/UI/IA Plans)
   
2. Include: Original HTML, CSS, and JS Code
   
3. Include finished projects (individual and/or group)
   
4. Add other awards, contest projects, etc. (optional)
   
5. Include your resume.
   

STRAND 6
Students will participate in a work-based learning experience and/or student competition.

Standard 1
Participate in a work-based learning experience.

1. Take a field trip to a software or web design business.
   
2. Complete a job shadow in a Web Development career.
   
3. Intern at a Web Development business
   
4. Listen to an industry or post-secondary guest speaker.
   
5. Work for a Web Development company or as a freelance Web Developer
   

Standard 2
Participate in a Web Development student competition. (Optional)

1. Enter a school, district, or state level Web Development contest.
   
2. Prepare and submit an entry for the Digital Media Arts Festival
   
3. Enter and compete in a CTSO competition in a Web Development area.
   
4. FBLA, FFA, FCCLA, SkillsUSA, or TSA all have web development contests.
   

Overall Performance Skill
Students will use the Strands & Standards in this course to create a web-based product and final online portfolio.

Workplace Skills
Workplace Skills taught:

1. Communication
   
2. Teamwork
   
3. Dependability
   
4. Legal requirements / expectations
   

---

http://www.uen.org - in partnership with Utah State Board of Education (USBE) and Utah System of Higher Education (USHE).  Send questions or comments to USBE Specialist - Kristina  Yamada and see the CTE/Digital Technology website. For general questions about Utah's Core Standards contact the Director - THALEA  LONGHURST.

These materials have been produced by and for the teachers of the State of Utah. Copies of these materials may be freely reproduced for teacher and classroom use. When distributing these materials, credit should be given to Utah State Board of Education. These materials may not be published, in whole or part, or in any other format, without the written permission of the Utah State Board of Education, 250 East 500 South, PO Box 144200, Salt Lake City, Utah 84114-4200.