W3Schools: A High-Quality Resource for Learning Code

Review Overview

A. Instruction - 6.8
B. Design - 7.3
C. Engagement - 8

7.4

Helping to decode the coding languages!

Summary : W3Schools: A High-Quality Resource for Learning Code

The W3Schools is a website that provides support for users who are learning to code. After launching the website, users choose the coding language that meets their needs. There is an extensive library of options that are broken into categories: HTML and CSS, JavaScript, Server Side, Programming, Web Building, and XML Tutorials. Once users identify the support they need, they can click on it from the column on the left of their screen to access the supports.

After selecting a language, the website will load a tutorial that provides users with information, practice exercises, and quiz-type questions using the coding language. The basic information explains an aspect, functionality, or additional nuance of the coding language. The practice exercise lets users manipulate the code in a controlled environment. For example, the website will offer a split view with one side of the screen being backend code and the other side displaying the frontend view. Users can then manipulate the backend, click the “run” button, and then see the outcome on the frontend view. The quiz-type questions present users a prompt along with one or more lines of codes that contain a fill-in-the-blanks component. Users are to enter the information in the line of code. They can then check their answer and make revisions as needed.

From the menu at the top of the screen, users can click the “References” button to locate specific information by topic. Users can identify the topic and click it to access the content. Also, from the top menu, users can click the “Exercises” button to access the different exercises, quizzes, and certificate options. (Note, the certificate options require payment.) Users can then directly access the content they wish.

Instructional Ideas for W3Schools

  1. When students are developing a website using WordPress (iOS app or web-based), teachers can have them build out their website and require they include specific elements, such as tables, headings, and multimedia. When students need support, teachers can direct them to the W3School to locate the code they need, customize it, and then use it in their website.
  2. Teachers can have students choose a coding language that matches their experience and ability level and complete the practice exercises included in the tutorials. As they do, students can take screenshots of their work and submit it to their teacher for grading by uploading them to a digital drop box or attaching them to an email. When stuck and needing support, students can click the “References” menu to locate specific information to get them unstuck.
  3. When stuck and needing support, students can click the “References” menu to locate specific information to get them unstuck.
  4. After students complete a tutorial about a coding language, teachers can direct the students to the “Exercise” menu and require that they complete all the coding exercises for that language. As students work, teachers can make sweeps of the room and provide support as needed. In addition, teachers can pair students, so a student with advanced coding skills can support their peers who are still developing proficiency with the language.
  5. Teachers can lead students in a fundraising event with the purpose of earning enough revenue to pay for a certificate program for each student in the class. Once funds are in hand, teachers can go through their school-based process for allocating the funds, so students can pursue a coding certificate offered by this website.
A1. Rigor
A2. 21st Century Skills
A3. Conn. to Future Learning
A4. Value of Errors
A5. Feedback to Teacher
A6. Level of Material
A7. Cooperative Learning
A8. Accom. of Individual Diff.
B1. Ability to Save Progress
B2. Platform Integration
B3. Screen Design
B4. Ease of Use
B5. Navigation
B6. Goal Orientation
B7. Information Presentation
B8. Media Integration
B9. Cultural Sensitivity
C1. Learner Control
C2. Interactivity
C3. Pace
C4. Flexibility
C5. Interest
C6. Aesthetics
C7. Utility

Screenshots of the W3School