| 0: Welcome and Routines |
3 lessons |
- Identify two things they are excited to learn in ScriptEd and be able to name their classmates and teachers.
- Navigate the daily session document.
- Navigate the popcode coding environment and create a Github account to share their work.
|
| 1: HTML Intro |
4 lessons
|
- Use correct syntax to create an an opening and a closing HTML tag for simple HTML elements.
- Use correct syntax to create simple HTML elements.
- Nest HTML elements including ordered and unordered lists.
- Create HTML elements with attributes to include links and images in their pages.
|
| 2: CSS Intro |
3 lessons
1 project |
- Select an HTML element and change its style using CSS.
- Style a page using CSS properties and values.
- Describe the difference between 'head' and 'body' by linking Google Fonts to style their page.
- Create a website for a friend using HTML and CSS.
|
| 3: HTML Attributes |
2 lessons
1 project |
- Define attributes and use id attributes to style specific elements.
- Use class attributes to style more than one element.
- Use classes and ids to continue to style an invitation to a party.
|
| 4: Wireframing and Flexbox |
4 lessons
1 project |
- Identify the purpose of a webpage and design a wireframe.
- Use box model (padding, border, and margin) to manipulate the spacing of elements on a page.
- Use flexbox to align elements on a webpage.
- Use flexbox to create columns on a webpage.
- Create a website for a mock client.
|
| 5: jQuery |
4 lessons
2 projects |
- Use correct jQuery syntax to hide an element on the page when it is clicked.
- Use jQuery actions that take one or more arguments, including .text and .css, when a button is clicked.
- Build a webpage that has 2 or more buttons and uses 2 jQuery actions to manipulate an element on the page.
- Use various jQuery actions (show, append, prepend, slideUp, slideDown, fadeIn, and fadeOut) when a button is clicked.
- Write a click handler that uses multiple jQuery actions on multiple elements.
- Build a webpage that uses click handlers to manipulate different elements on the page.
|
| Mid-Year Review Unit |
2 lessons |
- Nagivate HackerRank and review key HTML, CSS, and jQuery concepts.
- Demonstrate their HTML, CSS, and JQuery knowledge through a Mid-Year HackerRank Challenge.
|
| 6: JavaScript Intro |
4 lessons
1 project |
- Define programming and compare Javascript to HTML and CSS.
- Explain what a function is and make function calls using correct syntax.
- Declare their own functions using correct syntax.
- Compare and contrast parameters and arguments and use each appropriately.
- Create a robot using JavaScript functions.
|
| 7: Variables, Value Types, Operators, input.val() |
4 lessons
1 project |
- Create a new variable, store information in it, and read its value.
- Identify strings and numbers as value types and differentiate between them.
- Use operators to manipulate variables.
- Use input.val to retrieve a value from an input field.
- Use new JavaScript components to create a fortune teller app.
|
| 8: JavaScript Functions 2 |
3 lessons
1 project |
- Store a return value from a function and use it later.
- Identify the scope of a variable.
- Call a function that takes in a value from an input field and passes it as an argument.
- Add additional functionality to the ScriptEd Robot by using input fields and return statements.
|
| 9: Conditionals |
3 lessons
1 project |
- Identify booleans and create basic if/else conditional statements.
- Create conditional statements with multiple conditions using else-if.
- Understand and write compound conditionals.
- Create an interactive webpage using different conditional statements.
|
| 10: Loops and Arrays |
4 lessons
1 project |
- Create an array and determine its length.
- Select an array element using the index.
- Construct a for loop.
- Use a for loop over an array.
- Create a webpage that uses for loops to iterate over an array.
|
| End-of-Year Wrap Up |
3 lessons |
- Review key concepts learned over the course of the year.
- Demonstrate their HTML, CSS, and JQuery knowledge through an End-of-Year HackerRank Challenge.
- Complete an end-of-year survey to reflect on their ScriptEd experience and share feedback.
|
| Extension Unit: Animations and Collisions |
2 lessons
1 project |
- Explain the structure of an HTML webpage.
- Create a webpage that contains a head and a body.
|
