Page 71 - ODV Training outline_EN

are some interesting resources to support the introduction of web
development in the classroom:

Code.org Web Development Course: As previously stated, Code.org offers a
structured and sequenced learning path that empowers learners to progress at
their own pace. This comprehensive course goes beyond the fundamentals of

coding, imparting the most essential HTML and CSS tags and rules, while also
encouraging learners to assume the role of a web developer and contemplate the
diverse applications of the web for disseminating information, accomplishing
tasks, and expressing oneself creatively and much more.

CodeDragon.org: Sometimes starting to write coding for the first time without
visual support can be difficult. This website offers the possibility to create a
website from scratch using block-codes, as the same way that we saw previously
on Scratch.mit.edu. It can be used as a beginner lesson where the teacher/trainer

explains each one of the HTML basic tags, like headings, paragraphs, links, and
images and invite the learners to create a website of their likings. Step by step the
teacher/trainer will guide on the use of these html elements and depending on
the level of the learners more advanced tags can be used or even CSS can be also

explained to introduce the learners on how to change the style of the website.
This website offers also the possibility to see the code as the blocks are being
added, in this way, even if it is the first time for the learners experiencing HTML
and CSS coding, he/she/they will start to get use to at least see it and be more
comfortable for the next lessons.

Getting into coding for the first time without a visual guide can be discouraging
for many learners. This website provides an easy-to-use interface for building
websites using block-based coding, similar to the approach employed by

Scratch.mit.edu.

This platform can be used effectively in introductory classes where teachers and
trainers can explain in detail fundamental HTML tags such as headings,

paragraphs, hyperlinks, and images. Learners can then embark on creating their
own websites, guided step-by-step by instructors who will introduce advanced
HTML tags based on the learners' level of competence. In addition, CSS concepts
can be introduced to teach learners how to customise the look of their websites.

The website also offers a feature that allows learners to view the corresponding
code as they add blocks, allowing even those with little coding experience to

gradually become familiar with the syntax. This gradual exposure encourages
comfort and preparation for later lessons.

Funded by the European Union. Views and opinions expressed are however those of the
author(s) only and do not necessarily reflect those of the European Union or the European
Education and Culture Executive Agency (EACEA). Neither the European Union nor EACEA can
be held responsible for them. Proposal number: 101087107.