Course Syllabus
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.
Course Outcomes
- Develop web pages that are semantic and valid using contemporary Hypertext Markup Language (HTML).
- Style web pages using valid, contemporary Cascading Style Sheets (CSS) and avoid all HTML presentation markup.
- Provide content that is visually appropriate, usable, and findable to humans and machines.
- Plan, design, and develop web pages and sites according to best practices of organization and maintainability.
- Work with JavaScript to manipulate the DOM, handle user-agent events, work with external APIs and JSON data.
- 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.
☝ Please note that completing the assignments and activities per the written instructions does not guarantee that you will receive full credit on the assessment. By definition, full or 'A' level credit is reserved for those students who "represent outstanding understanding, application, and integration of subject material and extensive evidence of original thinking, skillful use of concepts, and ability to analyze and solve complex problems." In addition, the hope is that you will work to demonstrate diligent application of the learning model principles, including "initiative in serving other students".
-BYU-Idaho Grading System
Category | Description | Learning Outcome | Weight |
---|---|---|---|
Skilled Collaborator | Professional participation in timeliness, language, peer review, and best practice objective measurement in developer forums, topical discussion boards, and team meetings. | 6 | 15% |
Concept Application |
Weekly activities and assignments that involve demonstrating concept fluency; including progressively enhanced term project assignment that measures all course objectives. | 1-6 | 50% |
Concept Exam |
The individual final exam is designed to measure your comprehension of the principles outlined in course, specifically the application of HTML, CSS, and JavaScript course outcomes. | 1, 2, 5 | 15% |
Final Project | The individual, final website project measures represents an applied, comprehensive assessment of learning and application of the principles in full site design and development project. | 1-5 | 20% |
100% |
Letter Grade | Final Total Percentage |
---|---|
A | 93%–100% |
A- | 90%–92.9% |
B+ | 87%–89.99% |
B | 83%–86.99% |
B- | 80%–82.99% |
C+ | 77%–79.99% |
C | 73%–76.99% |
C- | 70%–72.99% |
D+ | 67%–69.99% |
D | 63%–66.99% |
D- | 60%–62.99% |
F | 59.99% and 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.
Course Summary:
Date | Details | Due |
---|---|---|