In this lesson, students will take a diagnostic assessment to determine their proficiency in HTML/CSS and Javascript. The results will help determine which module students should begin with in the Web Development course.
In this lesson, students learn how to incorporate JavaScript into their HTML pages using the script tag.
Students will be able to:
In this lesson, students learn how to modify HTML tags on a webpage using the DOM. The DOM, or Document Object Model, translates HTML files into accessible objects that can be manipulated or added to a webpage.
Students will be able to:
document.getElementByIddocument.getElemenyByTagNameIn this lesson, students will learn how to create elements using the Document Object Model.
Students will be able to:
document.createElementIn this lesson, students learn how to style elements in HTML using JavaScript and the Document Object Model.
Students will be able to:
setAttribute appropriately to style elements in JavaScriptIn this lesson, students learn how to use functions to make their webpages more dynamic.
Students will be able to:
In this lesson, students learn how to use the keyword this to pass elements as parameters in their click events.
Students will be able to:
thisthis is used with onclick and with eventListenersIn this lesson, students will implement the skills they’ve learned from the previous lessons to create a working, clickable keyboard.
Students will be able to:
In this lesson, students learn about another event listener - keyboard interactions. Students learn how to listen for a keyboard press, and how to access information about each keyboard stroke.
Students will be able to:
keydown and keyup events to read keyboard informationkey.code and key.key, and when it’s appropriate to use eachIn this lesson, students learn how to animate web page elements using timers.
Students will be able to:
In this lesson, students learn how to use the position style in CSS to improve animations.
Students will be able to:
position attributesposition to animate elementsIn this lesson, students test their knowledge of concepts from this module with a unit quiz.
Students will be able to:
In this lesson, students learn how libraries can be used to make JavaScript easier to read and write, and how they can incorporate them in their own projects.
Students will be able to:
In this lesson, students learn how to iterate through selected jQuery elements using the .each function.
Students will be able to:
each function to iterate through selected jQuery elements and appropriately use the each function parameters.each should and should not be used for any given jQuery selection.In this lesson, students learn how to animate elements using jQuery.
Students will be able to:
In this lesson, students learn how callback functions are used in programming to execute code segments after a particular action has been completed. Students learn how programs can execute synchronously and asynchronously, and how to use callback functions to control program execution flow.
Students will be able to:
In this lesson, students learn how to better organize their HTML files by separating their scripts into a separate js file.
Students will be able to:
js files with the correct syntaxjs files in the correct order, and explain why the order of script loading impacts usability and performanceIn this lesson, students test their knowledge of concepts from this module with a unit quiz.
Students will be able to:
In this lesson, students learn how to write a resume. Students will use this skill to develop an interactive resume on a website.
Students will be able to:
In this lesson, students learn about website layouts, and how to construct a website so that it is aesthetically pleasing. Students will use these concepts to evaluate the quality of formatted resumes.
Students will be able to:
In this lesson, students will draft their interactive resume and make changes based on constructive feedback.
Students will be able to:
In this lesson, students learn about the pros and cons of data collection and the different ways that data can be stored.
Students will be able to:
In this lesson, students learn how to store data using localStorage.
Students will be able to:
localStorage and setItemlocalStorage and getItemIn this lesson, students learn how to store objects and data structures in local storage using JSON.
Students will be able to:
JSON.stringifyJSON.parseIn this lesson, students will learn how to store data using objects.
Students will be able to:
In this lesson, students learn how to use forms to collect data from users.
Students will be able to:
form tagforminput tags to request data from usersIn this lesson, students will implement the skills they’ve learned from the previous lessons to create an online survey.
Students will be able to:
In this lesson, students learn how to store and retrieve data using Firebase. Firebase is a cloud data storage system that enables programmers to save and retrieve data using only JavaScript.
Students will be able to:
In this lesson, students learn how to navigate through data nodes in Firebase using ref().
Students will be able to:
ref() to navigate data nodesIn this lesson, students will implement the skills they’ve learned from the previous lessons to create a program that tracks the number of times elements are clicked.
Students will be able to:
Date object classIn this lesson, students learn how to iterate through objects using the for/in loop.
Students will be able to:
In this lesson, students learn how to request API data from a URL, and how to access that data using getJSON.
Students will be able to:
getJSONIn this lesson, students test their knowledge of concepts from this module with a unit quiz.
Students will be able to:
In this lesson, students are introduced to a data collection project that will require them to create a website that collects user data.
Students will be able to:
In this lesson, students learn about user personas and how they are used by companies to make predictions about user interactions.
Students will be able to:
In this lesson, students will draft and complete their data collection websites.
Students will be able to:
In this lesson, students will collect data on their project websites from users, and provide feedback to classmates on the quality of their data collection process.
Students will be able to:
In this lesson, students learn about the different types of data that they can collect from users, and how they can use that to make informed decisions about their website.
Students will be able to:
In this lesson, students will write up a report about their data collection findings.
Students will be able to:
In this lesson, students will learn how to choose a meaningful and appropriate domain name for their website.
Students will be able to:
In this lesson, students will learn the different steps needed to host a website, either online or using a home computer.
Students will be able to:
In this lesson, students will learn about web CMS providers, the different benefits each offer, and how to choose the best fit for their website.
Students will be able to:
In this lesson, students will learn what web optimization and web conversion rate are why they are important and useful.
Students will be able to:
In this lesson, students will learn how to optimize a web site, understand how a search engine works, and use their understanding of F-pattern reading, SEO, and the Yoast tool to further optimize a site.
Students will be able to:
In this lesson, students test their knowledge of concepts from this module with a unit quiz.
Students will be able to:
In this lesson, students are introduced to the final project, and work to brainstorm ideas for their final project innovation.
Students will be able to:
In this lesson, students will plan their website using a project timeline and sitemap.
Students will be able to:
In this lesson, students will draft and complete their final project innovation.
Students will be able to:
In this lesson, students will provide feedback to classmates on the quality of their final project innovation.
Students will be able to:
In this lesson, students prepare a presentation to share their innovation and how it’s changed over time.
Students will be able to:
