Fundamental Web Design Fundamental Web Design (HTML & CSS)

Age 13 – 16

Fundamental Web Design

4.75/5

Ratings

264

Enrolled

Age 13 – 16

lessons

2 hours per lesson

RM1,780.80* (cohort)
* Inclusive 6% SST

4.9/5.0

400 Enrolled

10 to 14 years old

Develop websites with HTML & CSS and bring your digital fluency to another level.

Kaushalya Thinagaran

4.75/5

Rating

400

Enrolled

This is some text inside of a div block.

lessons

2 hours per lesson

RM296.80* (4 lessons)

Full Package Promotion

Only

This is some text inside of a div block.

* Inclusive of 6% SST

Upcoming Cohort Intake:

(Coming Soon!)

29th January 2023, Sun 2PM

Overview

Students will be coding using HTML and CSS to build a static personal web page. Students also have the opportunity to get familiar with Bootstrap, a leading front-end development framework to extrapolate their basic understanding of HTML and CSS to application level. With students’ creativity and ideas will bring life to every screen and make the design unique.

‍

Students will use HTML to organize and write the content, as well as using CSS to design the web page. Furthermore, students will be learning about Bootstrap and how to leverage it to make a stunning website.

‍

Prerequisite

Completed Telebort Core Program on Foundation of Creative Computing.
Having existing knowledge in programming.

What you will learn

Chapter 1 : Introduction to Web Design

Chapter 2 : Introduction to HTML

Chapter 3 : HTML Division Element

Chapter 4 : Introduction to CSS

Chapter 5 : CSS Selector

Chapter 6 : CSS Box Model

Chapter 7 : CSS Display

Chapter 8 : CSS Flexbox

Chapter 9 : Font

Chapter 10 : Icons in Web Design

Chapter 11 : Responsive Web Design

Chapter 12 : Introduction to Bootstrap

Chapter 13 : Bootstrap Grid System

Chapter 14 : Bootstrap Navigation Bar

Chapter 15 : Bootstrap Carousel

Chapter 16 : Bootstrap Cards

Chapter 17 : Bootstrap Progress Bar

Extra Chapter : CSS Border

‍

Projects you will build

My Holiday

Students will create a website by using the concepts that they have learned from HTML and CSS. In the website, they can use their own creativity to keep the memories about themselves such as their vacation memories by including some details and collection of pictures.

My Profile

Students will create a portfolio of themselves by using the concepts that they have learned from Bootstrap to present to their future employer. In the portfolio, students will include their profile picture, their details such as the skills that they possessed, as well as their awards and certificates to make their employer know more about them.

My First HTML Exercise

Students will make a simple mini website to understand HTML structures. In addition, students will learn how to put header, paragraph, lists, links and also images by applying HTML codes only.

How it works

Access to online class

Pick intake slot that is suitable for you

Choose your preferred payment method

Onboard our WhatsApp group, Telebort learning dashboard and more

Join our weekly coding classes and start learning

Publish your own mobile, web or data project

Get access to our educational content today!

Join Now

Access to teacher

Pick your right teacher

Pick intake slot that is suitable for you

Choose your preferred payment method

Book and start learning with experts

⭐️

Start

Join Class Orientation

Students will start by attending an orientation class to get to know their facilitators and peers.

✅

Attend

Attend Class Sessions

Students will join class sessions with their instructor and peers. The instructor will give lectures and carry out fun activities.

💎

Support

Unlimited WhatsApp and community support

If the student require further support or information about the class, exercises or projects, our instructors are always ready to help.

📖

Prepare

Online Student Dashboard

Students can easily access lesson materials including pre-recorded lesson videos and lesson notes to better prepare before entering class.

🙌

Hands on

Apply the knowledge by doing projects

Practice new found knowledge and skills through completing the projects and challenges under their instructors guidance.

🎓

Graduate

Showcase student's amazing projects

Each program ends with a graduation for students to show their peers work, and receive a transcript certificate of completion!

Telebort
Weekly Core Programs

Pick one that suits you

Kids Core Programs

A head start into coding for beginners

Program Level
Level 1
Junior Creator
Age 8 – 9
Level 2
Foundation of Creative Computing
Age 10 – 12
Level 3
Mobile Apps Development
Age 10 – 12
Level 4
Block-based Python
Age 13 – 16
Level 5
Fundamental Web Design (HTML & CSS)
Age 13 – 16
Level 6
Interactive Web Design (JavaScript)
Age 13 – 16
Level 7
Advanced Web Development
Age 13 – 16
Level 8
Data Analysis with Python
Age 13 – 16
Level 9
Artificial Intelligence with Python
Age 13 – 16

Prerequisites

No prerequisite

Completed level 2
or
Pass the assessment

No prerequisite

Completed level 2
or
Completed level 4
or
Pass the assessment

Completed level 5
or
Pass the assessment

Completed level 6
or
Pass the assessment

Completed level 2
or
Completed level 4
or
Pass the assessment

Completed level 8
or
Pass the assessment

Learning Objectives

Explore coding through creating interactive projects using block-based programming tools
Develop computer literacy and typing skills
Understand internet safety and the concept of events

Master basic programming concepts and apply them in project creation
Use computational thinking, algorithmic thinking, and mathematical reasoning to innovate and explore technology
Learn key concepts of computer science and programming, including events, sequences, loops, conditionals, operators, variables, lists, and functions, using block-based programming platforms

Design and develop socially useful mobile apps using MIT App Inventor
Emphasize writing, communication, collaboration, and creativity in a project-based course
Learn key components of mobile development such as design thinking, text sensing, and information processing
Gain practical experience in mobile app development using block-based programming methods

Students will learn programming using Python and EduBlocks
They will learn computational thinking, sequence and events, input and output, comments, variables and data types, and the Python random module
Learn about lists, conditionals, comparison and logical operators, functions, loops, and the Python turtle graphics library
Learn about the Python math module and create interactive data visualizations with Pygal

Use HTML and CSS to build a static personal web page and design it using CSS
Leverage Bootstrap, a front-end development framework, to create a stunning website
Learn about HTML, CSS, Bootstrap, and responsive web design to create a visually appealing and functional website
Understand the concepts of HTML division elements, CSS selectors, the CSS box model, font, icons, and more to enhance web design skills

Understand the basics of JavaScript, a popular programming language in front-end web development
Learn how to use Javascript and the Document Object Model (DOM) to build interactive web pages
Acquire the skills to create web pages that can request user input, give responses, and display dynamic content
Master key concepts such as variables, operators, control flow, loops, functions, arrays, objects, and events to enhance JavaScript programming skills

Learn full stack web development, including front-end and back-end development
Learn Node.js and related node packages
Learn Svelte and SvelteKit, a compiler and framework for web development
Work on web apps with database and authentication using Google's Firebase
Be able to create dynamic websites with their own web server, combining front-end and back-end skills

Understand and apply the fundamentals of Python programming
Use Jupyter Notebook and Google Colab to analyze data
Utilize NumPy and PrettyTable Python packages
Use Pandas to conduct data analysis, including cleaning and manipulation
Visualize data using Matplotlib
Interpret and report on analyzed data

Understand and apply concepts in Artificial Intelligence, including Machine Learning and Deep Learning
Develop skills in Natural Language Processing using Scikit-Learn
Use TensorFlow to create and train Artificial Neural Networks for image classification
Apply computer vision techniques using OpenCV, including object detection using Haar cascades classifier
Create various AI-related projects using different Python AI libraries

Learning Focus

Drag and drop block rather than text-based programming
Learn how to use computers and become more proficient at typing
Understanding how to use a keyboard and type accurately
Bring ideas to life through coding
Learn about the dangers of the internet and how to protect themselves online

Express their creativity and bring their ideas to life through code
Understanding how to solve problems
Using mathematical concepts and principles to solve problems and make decisions.
Create their own programs and explore technology in a more innovative and algorithmic way

Will have the opportunity to design their own mobile apps using MIT App Inventor and publish them to the App Store
Students will be able to effectively work on group projects and communicate their ideas
Allow students to learn how to design and develop useful and functional mobile apps in a hands-on manner

Be able to code with text-based languages like Python or HTML using a familiar drag-and-drop blocks system
Perform data analysis and visualization using Python
Work with different libraries and frameworks to build applications and solve complex problems
Build and deploy web applications, games, scientific and mathematical applications

Create websites that are visually appealing and function well across different devices and screen sizes
Establish an online presence, showcase their work and projects, and demonstrate their skills and abilities
Create web pages to structure and format the content on the web, including text, images, and other media

Create interactive and dynamic websites and add logic to web pages and make them more interactive and engaging for users
Programmatically access and manipulate the content, structure, and style of a document.
Build layout, design, and user experience of the website or app

Have a more comprehensive understanding of how websites and web applications work
Allows students to run JavaScript on the server side
Build web applications with efficient and performant code
Organizing and structuring their applications
Build dynamic websites that can store and retrieve data, and that have secure login and access control for users

Able to effectively analyze and interpret data for their projects
Effectively present and communicate their data analysis findings through visual representations
Create a variety of static, animated, and interactive visualizations in Python
Create a wide range of visualizations, including line plots, scatter plots, bar plots, pie charts, histograms, and many more

Understand and engage with important ethical and societal issues related to the development and use of AI. As AI becomes increasingly prevalent in our lives
Break down complex problems into smaller, more manageable pieces, and to think critically about how to approach and solve those problems
Gain valuable data analysis skills

Level 1

Check out our digital catalog!

learn more

Telebort's Computer Science programs are designed with STEAM education for school children to express their own ideas in designing their own stories, mobile apps, websites and many more.

Teens Core Programs

Unlock the full potential of coding

Block-based Python

Age 13 – 16

Fundamental Web Design (HTML & CSS)

Age 13 – 16

Interactive Web Design (JavaScript)

Age 13 – 16

Advanced Web Development

Age 13 – 16

Data Analysis with Python

Age 13 – 16

Artificial Intelligence with Python

Age 13 – 16

Choose the perfect plan
for your learning

Cohort Learning

For students who are looking to jump right into learning with a fixed roadmap. Our top tier online learning experience equipped with professional instructors ready to bring out the best in all students.

Small Group Learning

For students who are looking to learn with friends in a small learning class. Students age 15 and above are entitled for free expert consultation to personalize lessons from all Telebort available programs.

Small Group Learning

1-on-1 Learning

For students who are looking for the best learning experience at their own pace. Our premium learning plan comes with a dedicated instructor assigned to put all effort and focus into 1 student at a time. Get full access pass on all of our learning materials with personalized lessons.

See all perks and compare plans

Our Success Metrics

Powered Up by Telebort Coding Academy

We have a rating of 4.9/5 stars on Google from our students

“I initially started as a student learning in Telebort in 2018. Throughout the past 4 years learning with Telebort, I've gained a lot of knowledge. I enjoyed the lessons very much as they are interactive, clear, and easy to understand. I am also collaborating with a few of my classmates and friends to setup the Telebort Alumni & Student Association (TASA) as a platform for all Telebort Students to collaborate and learn from each other.” - Jordan

“I truly enjoyed my experience with Telebort. The Teachers there are very dedicated and helped me create a foundation of coding. Thank You, Telebort!!” - Zachary Jonathan

“If I could recommend a place to learn coding in the world, it will be this place. Packed with highly trained and professional instructors, the many programs of Telebort can teach you multiple coding languages like Scratch, HTML, Python and many more...

In Telebort, the lessons are also more practical oriented, which is a good sign, especially for those who want to pursue a diploma and a degree in programming, web & app development as this is the new trend in universities that offer courses in programming, web & app development.” - Titanus

"I've been studying in Telebort for around 3 years. For 3 years, my learning experience has been very eventful and enjoyable. I've learned a lot along the way, starting with scratch projects and progressing to mobile apps, web programming, and Artificial Intelligence using Python. All of the teachers and instructors are extremely knowledgeable and are constantly there to help and encourage students. I'm grateful to Telebort for building a community that encourages students to engage and work together. As a senior in Telebort, I am looking forward to joining the Telebort Alumni & Student Association (TASA) following graduation.” - Kiel

“It has been really fun learning coding with Telebort. The teacher have been really fun and helpful. Thank you for helping me learn about coding.” - Pristeen Clarissa

“I think that Telebort is a great coding learning platform because to me, learning to code is a great ability because it can prove great service to yourself and the world and it is very fun to learn. The instructors are great too. They teach us a lot of things and slowly let us catch up with anything that they left behind. This is my review to Telebort. Thank you.” - Nik Ilhan

More Reviews