A. Instruction - 6.8
B. Design - 7.3
C. Engagement - 8
Helping to decode the coding languages!
Summary : W3Schools: A High-Quality Resource for Learning Code
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
- 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.
- 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.
- When stuck and needing support, students can click the “References” menu to locate specific information to get them unstuck.
- 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.
- 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.
|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|
|B6. Goal Orientation|
|B7. Information Presentation|
|B8. Media Integration|
|B9. Cultural Sensitivity|
|C1. Learner Control|