TeachersFirst - Featured Sites: Week of Nov 19, 2023

Here are this week's features. Clicking the tags in the description area of each listing will present a list of other resources with this topic. | Click here to return to the Featured Sites Archive

 

Less
More

Replit - Replit, Inc.

Grades
8 to 12
0 Favorites 0  Comments
 
Replit is an online coding platform that works with many different programming languages. Many of Replit's tools incorporate Artificial Intelligence (AI) to enhance productivity and...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Replit is an online coding platform that works with many different programming languages. Many of Replit's tools incorporate Artificial Intelligence (AI) to enhance productivity and provide suggestions when coding. Begin by creating an account and choose from options for using Replit. Options include personal use, work, or education as a teacher or student. After setting up your class account, choose the +Create Repl and select a template from the programming templates offered. Use the code editor to write code and receive suggestions from Replit when creating games, text, websites, and more. Invite others to join you on Replit to collaborate and work together on your coding project. When complete, use the Deploy icon to produce a stable public version of your product.

tag(s): artificial intelligence (105), coding (88), STEM (265)

In the Classroom

Use Replit to create simple tests, review student work, and provide feedback. Share Replit with students who enjoy coding as a resource for learning new skills and increasing their understanding of different coding platforms. Use Replit as part of an after-school club activity for students to collaborate to create games, applications, and more. Ask students who work with Replit to provide tutorials and share their projects by creating videos made with Free Online Screen Recorder, reviewed here and share on your class website.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

Cracking the Code: Coding in the Classroom - TeachersFirst

Grades
K to 12
0 Favorites 0  Comments
 
Cracking the Code is part of TeachersFirst Help! I Lost My Library/Media Specialist series reviewed here and provides book suggestions and activities...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Cracking the Code is part of TeachersFirst Help! I Lost My Library/Media Specialist series reviewed here and provides book suggestions and activities to support students in learning about basic coding, including as a means to extend learning in content areas. This article provides background knowledge on valuable life skills learned by coding, such as problem-solving and critical thinking. Next, the activities section includes a suggested list of picture books and activities that engage students in learning about and practicing coding skills. The extension activities include ideas for using coding skills in content and discusses possible resources for grants and scholarships as a fundraising option for bringing robots into the classroom as a coding experience. Content on this site includes correlations to ISTE and AASL standards.

tag(s): book lists (161), coding (88), professional development (394), STEM (265)

In the Classroom

Include the suggested books and activities with your current lessons on coding. If you are new to coding, begin by offering activities found at Hour of Code, reviewed here. Although Hour of Code is an annual event held each December, the activities are always available, including options for beginners through advanced coders. Encourage your more tech-savvy students to become instructors and provide tutorials for their peers. Ask them to use a screen recording tool like Free Screen Recorder Online, reviewed here, to create short instructional videos demonstrating different methods for creating code.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

Hour of Code - Code.org

Grades
K to 12
0 Favorites 0  Comments
   
Join students around the globe each December to participate in Hour of Code activities. This year, Hour of Code is incorporating AI (Artificial Intelligence) with Non-AI into the program;...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Join students around the globe each December to participate in Hour of Code activities. This year, Hour of Code is incorporating AI (Artificial Intelligence) with Non-AI into the program; it's your choice which one in which to participate. This site provides all the information needed to get started and join the annual celebration. Register your event to be included in the global map of events, receive updates, and obtain help finding a local software engineer to inspire students. View the activities area to find beginner and "comfortable" coding activities for preschool through high school-aged students. Use filters to find exercises by content area, type of coding language, and lesson length, and choose from self-led activities or lesson plans. Additional options found at Hour of Code provide detailed information on planning and promoting your Hour of Code event to encourage participation and excitement within your classroom. The videos are hosted on YouTube. If your district blocks YouTube, then they may not be viewable.

tag(s): coding (88), computational thinking (41), computers (106), preK (256), problem solving (224), STEM (265), Teacher Utilities (147)

In the Classroom

Use information on this site to plan and prepare for Hour of Code events at school and within your classroom. Create excitement for your upcoming event by engaging students during the days leading up to your Hour of Code by asking them to share ideas about coding using a word cloud created with Answer Garden, reviewed here. For example, create a word cloud that asks students to provide a short response to the question, "What is Creativity?" Extend student learning after your Hour of Code by providing various coding resources to try during computer centers or as an at-home activity. Ask students to reflect upon their coding experience using Canva Comic Strip Templates, reviewed here, to share their feelings about participating in Hour of Code. Extend learning by creating infographics and asking students to create and share information about coding and computer science careers. Infogram, reviewed here, and Genially, reviewed here, provide easy-to-use infographic creators that include many templates to use as a starting point.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

Try an Hour of Code with Khan Academy - Khan Academy

Grades
3 to 12
4 Favorites 0  Comments
 
Participate in Hour of Code by selecting from different options provided by Khan Academy. Offerings include drawing with Javascript, using HTML and CSS to make webpages, and an Hour...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Participate in Hour of Code by selecting from different options provided by Khan Academy. Offerings include drawing with Javascript, using HTML and CSS to make webpages, and an Hour of Databases. All courses introduce beginners to coding through videos, challenges, and a final project. The teachers' guide provides clear guidelines for preparing and implementing Hour of Code activities. In addition, Khan Academy encourages participants to follow up on activities through links to their full coding curriculum.

tag(s): coding (88), computers (106), critical thinking (110), logic (164), STEM (265)

In the Classroom

Although this site is a resource for Hour of Code, it is available at any time. Include the tutorials on classroom computers for students to use during computer center time or as an ongoing STEM activity. Encourage students to revisit lessons and try them again with their newly-found coding skills or ask them to try a different tutorial than the one used during Hour of Code. Ask students to become coding experts by sharing tips and ideas created using a screen recording tool such as Free Screen Recorder Online, reviewed here. Share the recordings on your class website for students to access from any location. Consider starting a monthly podcast designed by students to share coding tips and suggestions with the larger school community. Buzzsprout, reviewed here, offers up to two hours of free podcast uploads monthly. Hour of Code lessons are supported in many languages, including a transcript option for deaf students. Registration isn't required; however, it allows you to track progress and earn badges on the Khan Academy site.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

CodeGuppy - CodeGuppy

Grades
6 to 12
0 Favorites 0  Comments
  
Learn JavaScript coding using CodeGuppy's free tutorials. CodeGuppy works well for both beginners and those with some coding skills. Begin with the tutorial that introduces the basics...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Learn JavaScript coding using CodeGuppy's free tutorials. CodeGuppy works well for both beginners and those with some coding skills. Begin with the tutorial that introduces the basics of the workspace and simple instructions. Additional lessons teach how to work with pixels and coordinates, draw colored lines and shapes, and customize many different games and activities. Next, follow the link to Hour of Code to find a downloadable Draw with Code book. This book provides basic coding information and directions to code to create various objects such as a car, flower, and balloon. Registration isn't required; however, creating an account allows you to save work.

tag(s): coding (88), computers (106), STEM (265)

In the Classroom

Coding is an excellent way to teach critical thinking and problem-solving skills. Use this site as homework, a center, or a lab setting. The site offers different learning opportunities, so differentiation is built in. Explain to students that coding is a critical skill in today's world filled with technology and will also be a valuable skill in the job market. Many jobs that will require coding do not yet exist. Put a link to this tool on your class website, blog, or wiki. Encourage advanced students to share their knowledge with peers by creating tutorials using Free Screen Recorder Online, reviewed here. Although the Draw with Code book provides ideas to use with the Hour of Code in mind, it provides many different activities for students to complete throughout the year. Use a different page weekly to try their hand at coding or share with students to complete at home.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

MakeCode Arcade - Microsoft

Grades
4 to 12
1 Favorites 0  Comments
 
Modify or create your retro games with MakeCode Arcade. Resources on the site include coding tutorials, game design concepts, learning outcomes, and courses in coding. Follow the prompts...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Modify or create your retro games with MakeCode Arcade. Resources on the site include coding tutorials, game design concepts, learning outcomes, and courses in coding. Follow the prompts within the tutorials to create unique games using drag and drop code blocks. As you become familiar with coding, expand knowledge with Javascript or Python. Share using the links or download onto Microsoft game devices if available.

tag(s): coding (88), computers (106), game based learning (171), Microsoft (83), STEM (265)

In the Classroom

Use Microsoft Arcade to introduce coding to both new and experienced coders. Share some ideas from the site on an interactive whiteboard (or with a projector), then have students experiment on their own. Encourage students who are comfortable with coding to become classroom experts and explain ideas to other students. Enhance their learning by asking them to make recordings using ScreenPal, reviewed here, to share tips, and demonstrate different features of coding. Use this tool with gifted students for a great challenge. Set up a coding activity center for interested students when they finish classwork or for rainy days and snow days. Share this link on your class website for students to access both in and out of the classroom.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

Blockly Games - Google

Grades
K to 12
0 Favorites 0  Comments
 
Learn computer programming with Blockly Games, developed for students who don't have any prior coding experience. Games progress in difficulty starting with a simple puzzle and increase...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Learn computer programming with Blockly Games, developed for students who don't have any prior coding experience. Games progress in difficulty starting with a simple puzzle and increase through creating a pond game with text-based programming. Start from the beginning or choose any game to complete activities at your own pace.

tag(s): coding (88), game based learning (171), STEM (265)

In the Classroom

Take advantage of the varying levels included with Blockly Games to introduce and develop coding skills with your students. After sharing the site on your interactive whiteboard (or with a projector), add a link to this site on classroom computers for use as a coding center. Include Blockly Games with your other coding resources using a bookmarking tool like Symbaloo EDU, reviewed here, to share links in one single tool. As students learn about coding, enhance technology use by asking them to reflect upon their learning through blogs. Edublogs, reviewed here, is a free blogging platform developed for classroom use. Modify technology use by asking students to include screenshots of their work and discuss their problem-solving tips as they work through the different levels of coding skills. Use a screenshot tool such as Awesome Screenshot, reviewed here. As students become more proficient in using code, ask them to create their own games using Blockly, reviewed here.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

Disney Hour of Code Digital Toolkit - Moana: Wayfinding with Code - Disney and Code.org

Grades
2 to 6
1 Favorites 0  Comments
 
Participate in Hour of Code activities using Disney's Moana as an engaging introduction to computer science. This site includes videos, a printable PDF toolkit, and a hands-on coding...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Participate in Hour of Code activities using Disney's Moana as an engaging introduction to computer science. This site includes videos, a printable PDF toolkit, and a hands-on coding adventure geared toward students ages eight through twelve. There is information in the toolkit sharing suggestions for preparing for your Hour of Code activities including coordinating volunteers and providing the appropriate technology needed for the session.

tag(s): coding (88), computational thinking (41), computers (106), STEM (265)

In the Classroom

Take advantage of these free materials to plan your Hour of Code activities for your school or classroom. Although created for Hour of Code, use these materials to create student interest in computer science at any time. Find many other coding activities and tutorials for all ability levels at Code, reviewed here. Instead of using the invitation provided in this activity, enhance learning and have students personalize and create their own flyer and invitations using Canva for Education, reviewed here. Use Canva after your activity to send thank you notes to volunteers. Extend learning and have students share their coding stories (including successes and failures) using Flip, reviewed here. Encourage students to continue to learn about coding and computer science using Scratch, reviewed here, to create their own learning games.
 This resource requires PDF reader software like Adobe Acrobat.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

Minecraft Hour of Code Tutorials - code.org

Grades
2 to 12
0 Favorites 0  Comments
 
Use code to make your own Minecraft game or learn the basics of computer coding by moving characters through a Minecraft world with these Hour of Code activities. From the ...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Use code to make your own Minecraft game or learn the basics of computer coding by moving characters through a Minecraft world with these Hour of Code activities. From the top of the page choose one of the Minecraft Activities like Voyage Aquatic, Heros Journey, Adventurer, or Designer. These activities teach and reinforce coding skills through the familiar Minecraft game. Scroll down the page to watch one of the inspirational video as an introduction. Free resources include a lesson plan, videos, computer science curriculum, and a teacher training. The free trial is limited by the number of logins and includes 25 for teachers with an Office 365 Education account and 10 for all other users. Trial logins cannot be refreshed.

tag(s): coding (88), computational thinking (41), computers (106), critical thinking (110), design (79), problem solving (224), STEM (265)

In the Classroom

Make coding part of science inquiry or math logic in any classroom. Include it as part of scientific method or discussions about careers in science. You may even want to portray coding as just another "world language" in today's world. Be sure to look at all the implementation advice before introducing these extensive coding resources to your class. It would be wise to complete the Hour of Code yourself, so you will feel comfortable helping students if they get stuck. Better yet, invite a few students to do an hour with you after school and learn together! You will have a team of "techsperts" to help their peers. Plan an hour of Code on nationally designated days or on your own calendar! Invite the PTA/PTO to host a coding event. Select a video from this site to use to introduce Computer Science to your students. If you only have a few computers, introduce this tool using a projector or interactive whiteboard and bookmark it as a learning station with earbuds/headphones. Encourage students to help each other when they have difficulty. Share this on your website for students to use at home, too.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

FreeCodeCamp - Quincy Larson

Grades
9 to 12
0 Favorites 0  Comments
FreeCodeCamp offers self-paced training in coding, followed by practice building projects for non-profit sources. The site includes 100's of challenges featuring many different types...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

FreeCodeCamp offers self-paced training in coding, followed by practice building projects for non-profit sources. The site includes 100's of challenges featuring many different types of coding programs. Participate in FreeCodeCamp's curriculum to earn up to four standardized certifications in software development recognized by technology employers. Chat rooms provide assistance and support to participants working through certifications. FreeCodeCamp provides assistance in obtaining employment to users who complete certifications on the site.

tag(s): careers (138), coding (88), computational thinking (41), computers (106), critical thinking (110), problem solving (224)

In the Classroom

Browse through the menu of activities in each of the certifications to find lessons for stand-alone topics such as adding images to websites or working with different HTML features. Sign up isn't necessary to view lessons, only to save progress when working through certifications. Share FreeCodeCamp with students who have an interest in coding and computers. Encourage students to complete certifications to include with college applications. Share with students who may not have an interest in college, but have an interest in computers, coding, and gaming.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

Girls Who Code - Reshma Saujani

Grades
3 to 12
2 Favorites 0  Comments
Girls Who Code is an organization founded to help close the gender gap in technology. They have several programs offering girls the opportunity to explore coding with peers. The Clubs...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Girls Who Code is an organization founded to help close the gender gap in technology. They have several programs offering girls the opportunity to explore coding with peers. The Clubs Program is for girls in grades 3-12 and meets two hours each week in local schools and provides opportunities for computer training for beginners through advanced learner. Click Locations from the top menu to see if there is a school near you. The Summer Program offers a 2-week immersion program or a 6 week self-paced program for 9th-12th-grade students in coding and exposure to jobs in the technology field. While most of the content on this site is appropriate for middle school girls, please preview before you share.

tag(s): coding (88), communities (36), computers (106), critical thinking (110), logic (164), women (137)

In the Classroom

Share this site with your school's administration or anyone willing to consider leading an after-school computer program for girls and ask them to become a sponsor. Be sure to share information on the Summer Immersion Program with your high school guidance counselor and technology teachers as an excellent opportunity for interested students.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

CodeChef for Schools - Directi

Grades
8 to 12
4 Favorites 0  Comments
  
CodeChef for Schools offers computer programming training and competitions. After signing up, choose one of the Get Started projects to begin. Choose the practice area to hone skills...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

CodeChef for Schools offers computer programming training and competitions. After signing up, choose one of the Get Started projects to begin. Choose the practice area to hone skills from beginner level through challenge level. Compete in monthly competitions with other coders from around the globe. Middle and high school students will appreciate the contests, with an introduction to competitive coding targeted for their age group. These take place on various dates throughout the month with the length of time to complete the contest (click "Upcoming Coding Contests" at the bottom of the page). The demonstration videos reside on YouTube. If your district blocks YouTube, the videos may not be viewable.

tag(s): coding (88), competitions (10), computational thinking (41), computers (106), critical thinking (110), problem solving (224), STEM (265)

In the Classroom

Coding is an excellent way to teach critical thinking and problem-solving skills. Use this site as homework, a center, or in a lab setting. The site offers different levels, so differentiation is built in. Explain to students that coding is a critical skill in today's world filled with technology and will also be a valuable skill in the job market. Many jobs that will require coding do not yet exist. Put a link to this tool on your class website, blog, or wiki. Encourage advanced students to enter the monthly competitions offered on CodeChef.

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

Flappy Code - Code Studio

Grades
K to 12
1 Favorites 1  Comments
  
Create a Flappy Bird game using drag and drop code, then save it to your phone to play over and over! Follow the 10 step directions to add code to ...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Create a Flappy Bird game using drag and drop code, then save it to your phone to play over and over! Follow the 10 step directions to add code to your workspace as you make your bird fly toward a target, give directions for the end of game results, and edit actions and speed of the game. When finished, share games via URL or social networking links. The intro video resides on YouTube. If your district blocks YouTube, the video may not be viewable.

tag(s): coding (88), computational thinking (41), computers (106), critical thinking (110), game based learning (171), gamification (72), logic (164)

In the Classroom

Use Flappy Code as an interesting way to introduce coding to your class. Display Flappy Code on your interactive whiteboard or projector as you progress through the steps to code a game, then have students create and explore on their own. After school clubs and activities can use Flappy Code to learn to code. Use this tool with gifted students for a great challenge. Set up a coding activity center for interested students when they finish class work or for rainy days and snow days. Share this link on your class website for students to access both in and out of the classroom.

Comments

This resource would be engaging for students just learning how to code. Melissa, , Grades: 0 - 5

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close

Less
More

Pencil Code Gym - David Bau

Grades
K to 12
4 Favorites 1  Comments
 
Code your own art, music, and interactive fiction with Pencil Code Gym. The main language is Coffescript, but you can click the word Reference in the upper left corner to ...more
Here is the direct link to share this resource review. Feel free to copy and paste this URL into an email or place it on your web page or blog so others can read this TeachersFirst review:

 Close Link

Code your own art, music, and interactive fiction with Pencil Code Gym. The main language is Coffescript, but you can click the word Reference in the upper left corner to use HTML for writing tags in your code. Pencil Code also supports Javascript and CSS. Follow instructions to code using drag and drop blocks or text. Toggle back and forth between the two formats to view the different formats. Click the pencil in the upper left corner to see several resources including Materials for Teachers, Teachers Manual, Printable Activities, and several others. The wide range of activities make this site perfect for use with students of all levels of coding abilities. When complete, share finished projects on "GymStage", the sharing portion of Pencil Code Gym.

tag(s): coding (88), computational thinking (41), critical thinking (110), digital storytelling (142), drawing (59), geometric shapes (136), musical notation (35), problem solving (224)

In the Classroom

Create a link on classroom computers for use as centers. Use the text options for students to use with digital storytelling. This site is perfect for differentiating different levels of coding skills. Allow students to explore at their own pace, then share their creations with classmates. Extend learning by challenging students or groups to create videos explaining their creations using Adobe Creative Cloud Express Video Maker, reviewed here, and share them on a site such as TeacherTube, reviewed here. Be sure to add a link to your class website for students to practice at home.
 

Comments

Great resource for all ages, more appropriate for middle school and above. Melissa, , Grades: 0 - 5

Add your comments below (available only to members) | Become a Member

Rating (click star to set rating):

Close comment form

You must be registered and logged in to add items to your favorites.
Use the form at the top of the page to log in, or click here to join TeachersFirst (it's free!).

Close