This OER material is intended for use as the first level of web technology development. It focuses on the skills needed to build, maintain, and administrate a website. At the beginning of the courses, students will learn how to construct and test code in different interfaces such as HTML, CSS, and HTML5. After that, the course will teach students how to explore different libraries and frameworks, customize existing routines or procedures in their code, and leverage code from past projects to develop code for a new one. At the end, students will demonstrate their coding skills by translating design requirements and instructions into a responsive implementation using different interfaces and frameworks, and host their class work through the internet.

The OER material is separated into four chapters. Each chapter has its learning outcomes, support materials, and some chapters have support videos. The support materials are downloadable and are in .pdf format, therefore before downloading the material you have to ensure that you have an application that can read the .pdf format

The OER material also has activities on HTML, CSS, and Bootstrap5. The activities are carried out as a complement to the learning of each chapter. Most of the activity have an activity description and an exemplary video.

At the end of this OER website is the projects section. The projects are intended to test how students can link what they learned from the chapters and form a project. Each project has a description of the project, how the project will be graded, and samples of work done by previous students.

At the end of the course, student shall be able to:

• Build and test code using text editor, and translate design instruction into code.
• Translate design direction into a responsive implementation using different web development techniques such as HTML, CSS, HTML5, and bootstrap5.
• Collect and use existing routines or procedures and integrate them into their code.
• Customize frameworks, like a blueprint or a template, for their application.
• Display ingenuity and initiative to resolve difficulties while working on individual or team project.
• Deliver tasks on-time and match quality requirements.
• Carry his/her share of the team’s load and work with people with a variety of ideas and participate in a team culture.
• Communicate with instructors and colleagues on application and development of projects.

I want to give my thanks to my mother Wanxia who has taught me to trust in myself, in my abilities, and in my dreams. As my mom says: “always do with the best you can offer!”

I also want to give thanks to the support of OER in QCC that helped me organize the necessary documentation for the publication of this manual.

Huixin Wu