Ponder Projects
These are the "Ponder" projects completed throughout the Dynamic Web Fundamental (WDD131) course at Brigham Young University Idaho (BYUI). They are listed in order with the first being at the top left and most recnet toward the bottom right.
Meta Tags and CSS Review
This project is to intorduce the description and author MetaTags while reviewing CSS. It is a video guided project.
Video Guide One Video Guide TwoJs Variables and Constraints
This project is a video guided introduction to Java Script. It builds off the privious project.
Video GuideComputational Thinking
This project is to understand the way programmers think when they are solving problems with code. The site is the result of the "Downlaod Layout" below using computational thinking. This is a video guided project.
Video Guide Download LayoutDOM Basics
Practice using DOM basics in java script with varying tag, id, class, and img.
Video GuideResponsive Design
Approach to web development where web page layout and content adapt to different screen sizes and devices. A good responsive design ensures a consistent and optimal user experience.
Video GuideResponsive Gallary
This ponder will demonstrate a responsive gallery and a dialog modal for each image
Video GuideResponsive Menu
This ponder demonstrates finishing up the responsive menu by adding JavaScript and more CSS to make the mobile menu open and close
Video GuideAccessibility and Desgin
This ponder demonstrates using accessibility for web pages and web pages with different layouts according to the device size
Video GuideArray Methods
This ponder will demonstrate array methods and a simple template literal for dynamic content. Some output will be on the page and other output in the console.
Video GuideDynamic Content
This ponder will demonstrate movie content coming in dynamically to the page through JavaScript.
Video GuideWorking ith Forms
Create a form and using conditionals to show different inputs to the user and form validation.
Video Guide 1 Video Guide 2JS Objects
Demonstrate using a JS Object to add students to a course section with an object method.
Video Guide
Sorting and Filtering
Practice with sorting and filtering arrays and object arrays.
Video Guide 1 Video Guide 2