DKS
Fast replySignature workshopLast updated: Apr 9, 2024, 09:00

CodeCraft: Intro to Web Development with HTML, CSS & JS

The CodeCraft: Intro to Web Development with HTML, CSS & JS course provides participants with a comprehensive introduction to building websites using HTML, CSS and JavaScript. Over two days, participants will learn the fundamentals of web development, including HTML structure, CSS styling, and JavaScript interactivity. Through a combination of lectures and hands-on workshops, participants will gain practical skills in creating basic web pages and adding interactivity to enhance user experience.

Ask or Reserve via LINE

There is currently no training session open for registration. The information below refers to the most recent session.

If you are interested in this course, please contact our team or check back later.

Why This Course
Highlight 01

Certification upon completion of the CodeCraft: Intro to Web Development with HTML, CSS & JS course.

Why This Course

Why this course is worth learning

A quick overview of the key reasons this course works well for learners who want practical, job-ready skills.

Benefit 01

Hands-on by design

The course moves from principles to practical execution, so learners can apply it immediately after class.

Benefit 02

Structured for working teams

Topics are sequenced to reduce cognitive overload and help teams identify the most important takeaways quickly.

Benefit 03

A clearer decision path

Consultation and registration are placed at the right moments, creating a more confident conversion path.

Learning Outcomes

OBJECTIVES

A clear summary of what you will understand and be able to apply after the course.

5 learning goals
  • Understand the basic structure and components of web development, including HTML, CSS and JavaScript.
  • Learn how to create well-structured HTML documents and apply CSS styles to enhance the visual presentation of web content.
  • Gain proficiency in JavaScript syntax, including variables, data types, control structures, and functions.
  • Develop skills in manipulating the Document Object Model (DOM) to dynamically update web page content and respond to user interactions.
  • Integrate HTML, CSS and JavaScript to create interactive web pages with dynamic functionality.
Included

ALL PARTICIPANTS WILL RECEIVE

5 items
  • Training manuals/documentation.
  • Certification upon completion of the CodeCraft: Intro to Web Development with HTML, CSS & JS course.
  • Excellent care and attention from instructors and staff.
  • Unlimited attendance to the CodeCraft: Intro to Web Development with HTML, CSS & JS (limited to 5 repeat attendees per training session; if you wish to attend the workshop again, please contact our Facebook Page, Line, Email, or other channels to reserve your seat).
  • If you are unable to attend the training session this time, you can reschedule your participation according to the training schedule.
Fit & Preparation

Who should join, and what should they prepare beforehand

See at a glance who this course is for and what background is recommended before joining.

Who Should Join

WHO SHOULD ATTEND?

  • Individuals who are new to web development and want to learn the fundamentals of building websites.
  • Beginners who have some basic knowledge of HTML, CSS or JavaScript but want to deepen their understanding and practical skills.
  • Professionals in non-technical roles who want to gain a basic understanding of web development concepts for career advancement or personal interest.
  • Students and aspiring developers who are considering a career in web development and want to start with foundational knowledge.
Prerequisites

PREREQUISITES

  • No prior experience in web development is required. This course is suitable for absolute beginners.
  • Basic computer literacy and familiarity with using a web browser are recommended.
  • Participants should come with a willingness to learn and engage in hands-on activities to reinforce their understanding of web development concepts.
Curriculum

OUTLINE

The curriculum is organized into modules so you can scan the overall structure first, then open the details you care about.

12 modules
01

Introduction to Web Development

2 topics inside this module

View details
  • Overview of HTML, CSS and JavaScript.
  • Importance of each in web development.
02

HTML Essentials

4 topics inside this module

View details
  • Structure of an HTML document.
  • HTML tags and elements.
  • Basic HTML tags: <html>, <head>, <title>, <body>, <h1>-<h6>, <p>, <a>, <img>, etc.
  • Semantic HTML elements: <header>, <nav>, <main>, <section>, <article>, <footer>.
03

CSS Basics

4 topics inside this module

View details
  • Introduction to CSS.
  • CSS syntax: selectors, properties, values.
  • Different ways to apply CSS: inline, internal, external.
  • Basic CSS properties: color, font, margin, padding, etc.
04

Hands-on HTML

3 topics inside this module

View details
  • Creating a basic HTML document.
  • Structuring content using HTML tags.
  • Building a simple webpage with text and images.
05

Styling with CSS

3 topics inside this module

View details
  • Applying CSS styles to HTML elements.
  • Experimenting with basic CSS properties to change the appearance of elements.
  • Creating a styled webpage.
06

Adding Interactivity with JavaScript

0 topics inside this module

View details
07

Introduction to JavaScript

3 topics inside this module

View details
  • What is JavaScript?
  • JavaScript's role in web development.
  • Basic JavaScript syntax: variables, data types, operators, control structures.
08

DOM Manipulation

3 topics inside this module

View details
  • Understanding the Document Object Model (DOM).
  • Accessing and modifying HTML elements with JavaScript.
  • Event handling: responding to user actions.
09

Introduction to Functions

3 topics inside this module

View details
  • Declaring and calling functions.
  • Parameters and return values.
  • Function expressions vs. function declarations.
10

Interactive Web Pages with JavaScript

2 topics inside this module

View details
  • Adding JavaScript to manipulate HTML elements dynamically.
  • Creating interactive features such as buttons, forms, and simple animations.
11

Putting It All Together

2 topics inside this module

View details
  • Integrating HTML, CSS and JavaScript to create a fully functional web page.
  • Refining the webpage design and functionality.
12

Project Work and Q&A

3 topics inside this module

View details
  • Participants work on a small project applying what they've learned.
  • Instructor provides guidance and assistance as needed.
  • Q&A session to address any remaining questions or concerns
Schedule & Registration

Public Training Schedule

Review upcoming sessions, key logistics, and registration details in one place.

Past Sessions

There is currently no training session open for registration. The information below refers to the most recent session.

If you are interested in this course, please contact our team or check back later.

ENDEDPast Session 1Online
Organized by DKS Center

CodeCraft: Intro to Web Development with HTML, CSS & JS - 3/2564

Date
Aug 24, 2024 - Aug 25, 2024
Time
09:00 - 17:00
Location
Online
ENDEDPast Session 2Online
Organized by DKS Center

CodeCraft: Intro to Web Development with HTML, CSS & JS - 2/2564

Date
Jun 29, 2024 - Jun 30, 2024
Time
09:00 - 17:00
Location
Online
ENDEDPast Session 3Online
Organized by DKS Center

CodeCraft: Intro to Web Development with HTML, CSS & JS - 1/2564

Date
Apr 27, 2024 - Apr 28, 2024
Time
09:00 - 17:00
Location
Online
Documents

Documents

CodeCraft Intro to Web Development with HTML, CSS & JS (English Version)CodeCraft Intro to Web Development with HTML, CSS & JS (Thai Version)