-
Notifications
You must be signed in to change notification settings - Fork 8
Fellowship I
maxwilliams361 edited this page Oct 7, 2022
·
2 revisions
| Resource and Description |
|---|
| Fellowship Course Reference Table: Code Nation's easy-to-use Reference Table is designed to help students find answers to their questions quickly during assignments or projects. |
| Alignment | Resource and Description | Solution | Minutes |
|---|---|---|---|
| 1.3 | JavaScript Exploration: Explore some basic JavaScript concepts students learn in the intro to JS unit. | To be developed | 15 |
| 1.3 | Calculate the Area Activity: In this activity, students will use variables and operators to calculate the area of different shapes. | To Be Developed | 15 |
| 1.3 | Variables and Operators Treasure Quest Practice: Build an awesome treasure hunting game using your knowledge of variables and operators! Get the high score by clicking on all of the treasures and none of the bombs! | To Be Developed | 15 |
| 1.3 | .innerHTML practice: Use the .innerHTML property to change the text so that it is about you when the buttons are clicked | To be developed | 15 |
| 1.3 | Colors, .style Practice: Use the .style property to paint the boxes with the colors in the rainbow. | To be developed | 15 |
| 1.3 | Color the Boxes: Using .style, color the even and odd boxes any color that you want. | N/A | 15 |
| 1.3 | Inputs Calculator: Practice .value and operators while creating this basic calculator. | To Be Developed | 15 |
| 1.3 | Profile Creator: Use your JavaScript knowledge to make this profile preview screen work. You'll need to utilize inputs, variables, and event handlers. | To Be Developed | 15 |
| 1.3 | Carlton Packing List: Use Variables, String Concatenation, and .value to help Carlton build a packing list. | To Be Developed | 15 |
| 1.3 | Popcode Activity: Use JavaScript to create a program that allows the user to fill in the blanks to create a story | To Be Developed | 15 |
| 1.4 | Event Handler and .style Practice: Using the .style property, hide and show the red, blue, and green boxes when the buttons are clicked. | To be developed | 15 |
| 1.4 | Popcode Lab: Events and DOM Manipulation: You have been asked to create a webpage for a local deli in your neighborhood. | To be Developed | 30 |
| 1.4 | Out of this World Click Handler Practice: In this activity, students use the solar system to practice event handlers, .innerHTML, and .style | N/A | 15 |
| 1.4 | Button Game: Students will create a fun logic game. Students play a brain teaser game, then use jQuery to add new game components. | To Be Developed | 20 |
| 1.4 | Streetfighter Ryu Activity: Students use JavaScript event handlers to build a simple Streetfighter game! | Street Fighter Solution | 15 |
| 1.4 | Pizzeria Project: Using your knowledge of JavaScript, you will create an interactive website for a pizzeria. | To be developed | 45X2 |
| 1.4 | Unit 3 Review Lab: Online Report Card: Using your knowledge of JavaSCRIPT, create an Online Report Card. | To be developed | 45 |
| 1.4 | Interactive JavaScript Reference Table: This interactive reference table demonstrates JavaScript concepts and is a great way for beginners to see the reference table in action. | N/A | 15 |
| 1.7 | Cookie Clicker Game: Use this cookie clicker game for some practice with event handling and conditionals. | Cookie Clicker Solution | 15 |
| 1.7 | If/Else Code Modification Practice: Use conditionals to check height | To Be Developed | 15 |
| 1.8 | The Login Page: Use conditionals to check login info | Login Solution | 15 |
| 1.8 | Tiny Quiz: Using conditional update the code so the application checks whether the user enters a correct Code Nation city. | Tiny Quiz Solution | 15 |
| 1.8 | Codecademy:Control Flow:This lesson covers conditionals taught by Code Nation such as if...else, and continues into switch statements. | N/A | 45X2 |
| 1.8 | [JavaScript Chat App (https://docs.google.com/presentation/d/1I5s91ET7EXU7oI27zJ_zZzbBMZkgg_QLE2cTPY8fvOw/edit#slide=id.g370dacb493_0_15): Students will review jQuery, .val(), and create a chat app. | To Be Developed | 90 |
| 1.8 | Insta App: Use JavaScript to build an Instagram app. | To Be Developed | 90 |
| 1.8 | Codecademy:Introduction to JavaScript: This lesson explains variables and string interpolation. Both of these topics are touched upon by Code Nation and Codeacademy expands on the topic. | N/A | 45X2 |
| Alignment | Resource and Description | Solution | Minutes |
|---|---|---|---|
| 2.1 | Calendar Activity: This activity gives students more time to practice calling and working with functions by making a calendar. | Calendar solution code | 30 |
| 2.1 | Complete a Calculator: Completing, creating, and calling functions Independent Practice | Cal Solution | 20 |
| 2.1 | Variable Function Practice: Turn parts of the page different colors Guided Practice. Includes topics like: Variables, Functions, Parameters and Scope | Solution | 20 |
| 2.2 | Balloon Popping Game: Variables and Function Practice for use during a guided practice or independent practice | Balloon Popping solution code | 20 |
| 2.3 | Simple drills: Array is provided, students write the loops to display them to webpage (4 drills in increasing difficulty) Note: Exercises written for forEach but can be modified. | Simple Drills Solution | 60 |
| 2.4 | Codecademy: Learn JavaScript: Arrays and Loops: This lesson expands upon Code Nation topics and includes array methods, for, and while loops. | N/A | 60X2 |
| 2.4 | Kahoot - Array Review: This is a good review of arrays which could be helpful before starting Objects since syntax is similar | N/A | 20 |
| Alignment | Resource and Description | Solution | Minutes |
|---|---|---|---|
| 3.2 | Box Model Tool: This Popcode allows students to manipulate each of the box model property and values in real-time and see their effects in how the content appears on the page | N/A | 5 |
| 3.2 | Codecademy: Box Model: This section could serve as a review of the flexbox model taught in Code Nation lessons, while also going into more detail. | N/A | 45X2 |
| General Unit 3 | Simpson Layout Practice: Practice your CSS with the Simpsons. | Simpson CSS Solution | 20 |
| General Unit 3 | Popcode Lab: Box Model: Create a website about climate change | To be Devloped | 30 |
| General Unit 3 | Flexbox with Nested Divs example: Use this Popcode page to help illustrate how flexboxes/divs behave with multiple levels of nesting. | N/A | 5 |
| General Unit 3 | Animated Flexbox Playground: This playground gives students the opportunity to practice using different Flexbox properties. Have students try the different property and value combinations in this Popcode environment. | N/A | N/A |
| General Unit 3 | Popcode Lab: Responsive Layout: You have been hired to create a responsive website for an old social media account called MySpace. They want you to create a sample profile of a fake person. | To be developed | 30 |
| General Unit 3 | YouTube Flexbox: Fix YouTube's website with flexbox. | To be developed | 30 |
| General Unit 3 | Variable Kahoot | Variable Practice Note: this uses let instead of var. |
N/A |
| General Unit 3 | Raging Kittens CSS Project: A friend has a new rock band called the Raging Kittens! They've started a website, but it looks pretty plain. Use your CSS skills to make this site look cooler! | N/A | 45 |
| General Unit 3 | CSS Zen Garden: Check out these webpages, all with the same HTML but stylized with CSS to be so different! Then Submit your own!. | N/A | 45 |
| General Unit 3 | Review Unit Review Lesson | Complete all mini projects in the review unit, and update their professional portfolios! | N/A |
| General Unit 3 | HTML CSS Layout review Kahoot!: If you're done with the first few units, have some time and want a fun way to review, check out this fun Kahoot quiz | N/A | 15 |
| General Unit 3 | Layout and Positioning Review: Here's a great review lesson that focuses on Flexbox and the Box model but allows students to practice everything they've learned until this point. | N/A | 45 |
| General Unit 3 | Code HS: Advanced HTML and CSS: This unit dives deeper into different things we can do with HTML and CSS. Students practice advanced topics in HTML and CSS, including visibility, image filtering, interaction, and animation, to develop more advanced web sites. | N/A | 45X6 |
| General Unit 3 | Popcode Lab: Layout Practice: Using what we've learned about box model and flexbox, make the "Questions" column look like the "Answers" column. | To be Developed | 30 |
| General Unit 3 | CSS Grid: This section covers a concept-grid-not discussed in Code Nation lessons | N/A | 30 |
| 3.4 | Front End Developer Resume Samples: The following resume samples and examples will help you write a Front End Developer resume that best highlights your experience and qualifications. | ||
| 3.4 | Sample Interview Questions for Interviewers: Stumped on the kind of questions you should ask your interviewer? This list should be able to help you out. | ||
| 3.4 | The STAR Method: The Secret to Acing Your Next Job Interview: Article describing the STAR method. | ||
| 3.4 | How Do I Create a Good LinkedIn Profile?: Quick and thorough guidance on creating a strong LinkedIn profile. | ||
| 3.4 | Additonal LinkedIn Resources: LinkedIn has developed free training content and curriculum to support job seekers as well as nonprofits and volunteers who are committed to creating a world with equal access to opportunity. |
| Alignment | Resource and Description | Solution | Minutes |
|---|---|---|---|
| Mario Game: Use keydown events to make the character move right and left and to react to a collision with another character (students will have to add in another character to the game board). Extra challenges would include: using a key-down event to make Mario jump, add a counter and have it increase by 1 every time Mario jumps, make the coin disappear when Mario jumps up and reappear when he lands. | |||
| Snake Game: Potential alternative project that can be challenging yet rewarding. (includes lesson plans and solution code) | |||
| The Flying Bird: The code here uses art from a popular mobile game. When the bird is clicked, the bird will flap its' wings. Solution | |||
| The Flying Bird 2: This takes Flying Bird to the next level. Solution | |||
| setInterval Lesson: Coders will use setInterval to periodically execute functions | |||
| Introduction to Keydown: This site lists several exercises and drills about the keydown event. It uses a combination of keydown and conditional statements to make a login page, a dog comparing site and an etch a sketch toy. | |||
| 4.4 | API Practice Activity: Great way to practice APIs | To Be Developed | 15 |
| 4.4 | Pokemon API Battleground Extension Activity: Similar to the Do Now activities, this asks students to make two ajax calls to compare two Pokemon and then write a conditional to determine who would win | To Be Developed | 15 |
| 4.4 | Curated List of Free APIs: Do students want more practice with APIs? Check out this list. | N/A | 15 |
| Resource and Description |
|---|
| Tech & Society Writing Prompts: Tech & Society writing prompts, specifically for students who cannot do much coding practice at home and/or have limited access. |
| Nine Themes of Digital Citizenship: Overview of 9 themes of Digital Citizenship. |
| Icebreakers and Teambuilder Bank: A list of icebreakers for any setting. |
| Resource and Description |
|---|
| Codewars and CodeCombat: Great ways to practice coding skills. |
| Typing: In this lesson, the students are given type based games that will improve typing skills and speed. |
| Lightbot: Program Lightbot to light up all of the blue squares! |
| Flexbox Defense: Write CSS code to move defense towers into place to attack against enemies! |
| Grasshopper: Grasshopper is the coding app for beginners. With fun, quick lessons on your phone, the app teaches adult learners to write real JavaScript. |
| Erase All Kittens:E.A.K. is an online game that provides kids aged 8-14 with knowledge of both computational thinking and professional coding languages, to prepare them for 21st Century degrees and careers. |
| Resource and Description |
|---|
| Women's History Month Slides |
| Designing in Tech: For students interested in design: A crash course in UI, UX, and the design of digital products. |
| Debugging with Console.log:Coders use console.log() to debug code. by Code Nation volunteer Asheeh Laroia |
| Resource and Description | Theme | Minutes |
|---|---|---|
| My Digital Life is Like...: We often use our phones or other devices without even thinking about it. But paying closer attention to how -- and how much -- we use digital media can help us find better balance in our lives. Challenge students to truly consider how digital media adds to -- or takes away from -- their overall quality of life. | Media Balance and Wellbeing | 45 |
| Social Media and How You Feel: Social media plays a big role in most teens' lives, and research shows that it causes intense feelings -- both positive and negative. But not all media use is the same. There are many benefits that come with both active and passive media use. For better social and emotional well-being, encourage students to become creators of digital media, not just consumers. | Media Balance and Wellbeing | 50 |
| Can Media Be Addictive?: The word "addiction" packs a heavy punch, and the research is inconclusive on whether it's truly accurate when it comes to digital device use. What's certain, however, is that as people use devices and apps more, profits increase for the companies who make them. Help your students recognize how most of the technology they use is designed to keep them hooked, and help them use this as an opportunity to find more balance in their digital lives. | Media Balance and Wellbeing | 60 |
| The Health of Screentime: The research is still out when it comes to exactly how screen time affects our health. But one area where we know it does is our sleep. Just having a device near us seems to change the way our brains work. Help students learn that being responsible with digital media means adjusting how we use it so it isn't unhealthy for our bodies or our brains. | Media Balance and Wellbeing | 45 |
| Protecting Online Reputations: Tagging friends on social media is a great way to connect with others and capture memorable experiences. But what if they don't want to be tagged? Encourage your students to take responsibility for how they may affect the digital footprints of others. | Digital Footprint and Identity | 50 |
| Curated Lives: Social media gives us a chance to choose how we present ourselves to the world. We can snap and share a pic in the moment or carefully stage photos and select only the ones we think are best. When students reflect on these choices, they can better understand the self they are presenting and the self they aim to be. | Digital Footprint and Identity | 50 |
| Whos is Looking at Your digital Footprint:Our digital footprints can have a powerful impact on our future. This can be a scary thought, given that what's in our digital footprint isn't always in our control. Teach students that digital footprints are an opportunity to showcase their best selves and craft a footprint that leads to future success. | Digital Footprint and Identity | 50 |
| The Change You Want to See: Research shows that happiness in life is less about what you do and more about why you do it. When your actions have purpose, they lead to positive results -- both for you and the world. Help students use the power of the internet to turn their personal passions into positive impact. | Digital Footprint and Identity | 50 |
| Chatting and Red Flags: Having conversations online, without nonverbal cues or being able to see people, can be awkward and sometimes even risky -- with drawbacks from simple misunderstandings to manipulation or inappropriate messages. Help students navigate and avoid these situations before they go too far. | Relationships and Communication | 45 |
| Rewarding Relationships: "It's complicated" can describe many of our relationships with others, both romantic and otherwise. Add digital devices and social media to the mix, and things get complicated even further. Help students take the first step toward building healthy and rewarding friendships and romantic relationships, both online and off. | Relationships and Communication | 45 |
| Connecting with Digital Audiences: What you say, and how you say it, often depends on whom you're talking to, both in-person and online. The person or people you're chatting with -- and the apps or websites you're using -- affect how we communicate. Remind your students to consider their audience before they post or comment online, and help them build community and communicate effectively in the digital world. | Relationships and Communication | 50 |
| We are Civil Communicators: When we talk about our personal beliefs and politics, passions can run high -- especially when we're online. These intense moments can often lead to tit-for-tat insults, or worse. But, if addressed calmly and coolly, they can be an opportunity to find common ground and deeper understanding. Teach students to keep disagreements civil so their ideas will be heard and so they can advocate for positive change. | Relationships and Communication | 55 |
| What You Send in “That Moment When…: We've all faced thorny situations where what we say or do could potentially harm or hurt someone. Being honest is important, but is there such a thing as being too honest? Sometimes, innocent -- but insensitive -- comments can easily escalate to digital drama or even cyberbullying. Help students recognize and navigate these types of situations that happen online. | Cyberbullying, Digital Drama, & Hate Speech | 50 |
| Countering Hate Speech Online: As humans, we thrive on social connections and group associations. But this tendency can also lead us to be suspicious of people outside our group. This fear -- xenophobia -- can be overcome by more exposure to people who are different from us. However, the internet can often make this more difficult. Help students recognize this challenge and find strategies for navigating content online. | Cyberbullying, Digital Drama, & Hate Speech | 50 |
| Online Disinhibition and Cyberbullying: Texting and chatting online can sometimes feel just like talking to someone in person, but it's actually pretty different. It's all because of something called the "online disinhibition effect," which makes us more likely to share or communicate differently from how we would in person. Help your students learn to consider this concept before they post, and stop digital drama and cyberbullying before they start. | Cyberbullying, Digital Drama, & Hate Speech | 45 |
| Should Online Hate Speech Be Censored?: Hate speech can be both distasteful and offensive, but in many countries, it isn't illegal -- it's protected as free speech. But should it be? Many people worry that tolerance of hate speech, especially online, has led to acts of actual violence and hate crimes. But if hate speech is banned, who gets to decide what qualifies or doesn't qualify? Pose these questions for students, and help them think through the importance of both respect for others and free speech. | Cyberbullying, Digital Drama, & Hate Speech | 55 |
| Hoaxes and Fakes: We know not to believe everything we hear, but what about what we see? Advancements in computer-generated graphics, facial recognition, and video production have led to a world of viral videos that are often difficult to identify as fake. Help your students learn to read what they see on the web "laterally" by showing them how to get off the page, check credibility, and find corroboration. | News and Media Literacy | 50 |
| Challenging Confirmation Bias: Our brains are great at using past experiences to make quick decisions on the fly, but these shortcuts can also lead to bias. "Confirmation bias" is our brain's tendency to seek out information that confirms things we already think we know. Help your students learn to recognize this when they encounter news online, as a way to examine competing opinions and ideas and to avoid drawing questionable conclusions. | News and Media Literacy | 45 |
| Clicks for Cash: Well-crafted headlines benefit everyone. They help readers digest information and publishers sell news stories. But what if the headline is misleading? What if it's crafted just to get clicks and not to inform? "Clickbait" headlines may benefit advertisers and publishers, but they don't benefit readers. And when they go viral, they can badly misinform the public. Help students recognize and analyze clickbait when they see it. | News and Media Literacy | 55 |
| Filter Bubble Trouble: When we get news from our social media feeds, it often only tells us part of the story. Our friends -- and the website's algorithms -- tend to feed us perspectives we already agree with. Show students ways to escape the filter bubble and make sure their ideas about the world are being challenged. | News and Media Literacy | 50 |
| Big Data Dilemna: Many of us are aware that we're being tracked when we go online. It's one of the ways our favorite websites and apps know how to recommend content just for us. But how much information are companies actually collecting? And what are they doing with it? Digging into the details can help us make smart decisions about our online privacy and how to protect it. | Privacy and Security | 50 |
| Risk Check for New Tech: New tech, like location services and smart devices, helps make our lives easier and opens opportunities that didn't exist before. But these innovations also come with a cost -- especially to our privacy. Help students consider the benefits and drawbacks of these new technologies -- and decide whether they're ultimately worth it. | Privacy and Security | 50 |
| How Young is Too Young for Social Media: Kids have to be at least 13 to sign up for most social media platforms. But we know that many tweens work around the restriction. In doing so they can connect with peers and have fun, but they're also vulnerable to a number of risks -- mainly overuse and challenges to their social-emotional health. Reflecting on age-appropriate content and behaviors can help students think through social media's effects on all of us, regardless of our age. | Privacy and Security | 50 |
| Debating the Privacy Line: Often, the more information we have, the better decisions we're able to make. The power of data can benefit both individuals and governments. But who can be trusted with the responsibility of having all this data? Can governments collect and use it fairly and without violating our privacy? Help students think through this question and become thoughtful influencers of data policy and practice. | Privacy and Security | 55 |