WDD 230 - Web Frontend Development I

Overview

Welcome to WDD 230 a course that focuses on the application of front-end web design and development technologies. When planning, designing, and developing websites and applications, successful web developers consider the purpose, the target audience, the structure, the organization, the user interface, the site usability, the content, the layout, and the visual (aesthetic) design. This course will teach you to plan, design, and develop pages and sites that conform to web standards while following best practices for positive user experiences using HTML, CSS, and JavaScript and other relevant frontend technologies.

The assigned activities and assignments are of the applied nature in this course which is unlike traditional academic courses that solely assess students on taking tests and writing assignments/papers. The course is a technical, hands-on class, that is more closely tied to industry by requiring deliverables that meet functional and developmental specifications. This course will require between 9–15+ hours of time per week depending upon your experience and understanding of basic computer operations, file management, systems, design, and the core technologies. Even though it requires hard work, you will be successful as long as you plan and use your time and the available resources wisely. Plan on teaching and/or discussing with someone face-to-face, regularly throughout the entire course on the topics you learn directly and indirectly as this regularly activity will help you learn the material at a greater depth.

Course Outcomes

1. Develop web pages that are semantic and valid using contemporary Hypertext Markup Language (HTML).
2. Style web pages using valid, contemporary Cascading Style Sheets (CSS) and avoid all HTML presentation markup.
3. Provide content that is visually appropriate, usable, and findable to humans and machines.
4. Plan, design, and develop web pages and sites according to best practices of organization and maintainability.
5. Work with JavaScript to manipulate the DOM, handle user-agent events, work with external APIs and JSON data.
6. Work effectively within a team by teaching and learning collaboratively, communicating clearly, fulfilling assignments and meeting deadlines.

Prerequisite Courses

• CSE 121B - JavaScript Language (1)
• WDD 130 - Web Fundamentals (2)

Course Theme

In Mosiah 4, King Benjamin counsels the people to “impart of our substance to others and do all things in wisdom and order.” BYU-Idaho follows a structured learning model of preparing, teaching one another, and pondering and proving. As such, the course theme is based upon Mosiah 4:15, “But ye will teach them to walk in the ways of truth and soberness; ye will teach them to love one another, and to serve one another” and Mosiah 4:27, “And see that all these things are done in wisdom and order; for it is not requisite that a man should run faster than he has strength. And again, it is expedient that he should be diligent, that thereby he might win the prize; therefore, all things must be done in order.” Let us commit to being taught by the Holy Ghost, understanding our own strengths and weaknesses, and go forward with confidence in doing our best.

Be honest in your work. While you are encouraged to ask questions and work with others, do not COPY work and represent others work as your own. There is no justification for this and will lead to a failing grade and a report to the honor code office.

Learning Model Architecture

• Students will participate in regular learning patterns each week.
• Students will prepare by completing activities, readings, videos, and labs.
• Students will teach one another by participating in peer reviews, developer forums, and students presentations.
• Students will ponder by applying and correlating the principles to their discipline and work-based learning opportunities.
• Students will prove by completing knowledge assessments, assignments, and programming projects, some with well-defined specifications and other with less definition.
• Students will understand the importance of  balancing the essential hands-on training activities with professional, academic education, both of which are essential parts of lifelong learning and success in the industry.

Required Materials, Software, and Services

• Code Editor: Visual Studio Code
  • Cloud Storage and Site Hosting: GitHub with a GitHub Pages repository.`

Major Course Activities

• Developer Forums - An attempt to be analogous to professional boards for questions and answers. This promotes student interaction and teaching one another.
• Concept Fluency Quizzes - These quizzes prepare students for the final exam and they are designed to test basic knowledge of course topics, thus learning outcomes.
• Concept Application Activities and Assignments - These are regular activities that have specific requirements to lead students to develop solutions based upon the learning outcomes of the course.
• Student Presentations - A contemporary topic, student presentation that encourages follow-up questions and answers.
• Learning Project - A continuously enhanced, semester long website project with developmental specifications
• Exam - A concept fluency exam covering basic learning outcome principles within frontend development.
• Term Website Project - A individualized assessment of learning revolving around a project with specifications.

Assessments and Grading

Each assessment relates to one or more course objectives and is designed to support a learning outcome. The assessed activities descriptions include grading criteria broken down into specifications that correlate with learning objectives. The student is responsible for understanding the functional and developmental specifications for each assessment. Assessments are tied to course objectives and are assigned to one of the final grade categories, which are weighted. A letter grade will be assigned at the end of the course using a total percentage and standard scale as shown below.

Proctored Exams and Assessments

This course will use an online proctoring software called Proctorio. This makes it possible for students to take assessments and exams without a human proctor present. Proctored exams can be accessed like any other exam, once the software has been installed. Exams will be recorded by Proctorio and reviewed by the BYUI Testing Center. Any questionable exams will be forwarded to the instructor for further review.

For step-by-step instructions on Proctorio installation, please refer to this help guide article.

University Policies

Students with Disabilities

Brigham Young University-Idaho is committed to providing a working and learning atmosphere that accommodates qualified persons with disabilities. If you have a disability and require accommodations, please contact the Disability Services Office at (208) 496-9210 or visit their website and follow the Steps for Receiving Accommodations. Reasonable academic accommodations are reviewed for all students who have qualified documented disabilities. Services are coordinated with students and instructors by the Disability Services Office.

This course may require synchronous meetings. If you are currently registered with the Disability Services Office and need an interpreter or transcriber for these meetings, please contact the deaf and hard of hearing coordinator at (208) 496-9219.

Other University Policies

Student Honor and Other Policies

Please read through the document called University Policies. It gives important information about the following topics:

• Student Honor
  • Academic Honesty
  • Student Conduct
    • Sexual Harassment
• Student with Disabilities
• Complaints and Grievances
• Copyright Notice

Go to the Student Resources module to review further resources and information.