Block-based Web

Start learning web development through beginner friendly block-based programming for HTML & CSS.

24 weekly lessons
2 hours per lesson
Age 13 – 16
4.75
10
enrolled ratings
Upcoming Cohort Intake:
— Contact us
Level
5
24 weekly lessons
2 hours per lesson
Certificate of completion

About this program

The program is designed to teach students how to structure their HTML documents using block-based programming, an innovative approach that simplifies the learning process and makes it easier for students to understand the principles of HTML and CSS.

Block-based programming is a visual programming language that allows users to drag and drop blocks of code to create programs. In the context of HTML and CSS, this means that students can create HTML elements and CSS styles by selecting and arranging blocks of code, rather than typing out the code manually.

The program is divided into several modules, each of which covers a different aspect of HTML and CSS. Throughout the program, students are encouraged to experiment with different layouts and styles, using the block-based programming interface to create and modify their HTML documents. They can preview their work in real-time, making it easier to see how changes to the code affect the appearance of the web page.

The program also includes interactive quizzes and challenges to help students test their knowledge and reinforce their understanding of HTML and CSS. These quizzes are designed to be engaging and fun, using gamification techniques to motivate students to complete them.

By the end of the program, students will have a solid understanding of how to structure an HTML document using block-based programming, as well as a strong foundation in CSS styling. They will be able to create their own web pages and make modifications to existing ones, using the skills they have learned throughout the program.

‍

Prerequisite

Starter Pick 👍
No prerequisite required for this program. Suitable for newcomers and absolute beginners based on the recommended age group.

Overview

Over the course of 24 weeks

Learning Objectives

Key points students will be learning

Learning Focus

Fundamental skills

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
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
Program
JC

Junior Creator

Explore how coding is changing the world and learn to leverage coding to create something useful.

Age 8 – 9

Starter Pick 👍
Prerequisites
No prerequisite
Program
A

Foundation of Creative Computing

Basic programming concepts is easy and this program we will master with creativity.

Age 10 – 12

Starter Pick 👍
Prerequisites
No prerequisite
Program
B

Mobile Apps Development

Learn how to design and develop socially useful mobile apps.

Age 10 – 12

Starter Pick 👍
Prerequisites
Completed level 2 or Pass the assessment
Program
BB-P

Block-based Python

Dive into the world of programming through the Python programming language in a beginner friendly way.

Age 13 – 16

Starter Pick 👍
Prerequisites
No prerequisite
Program
BB-Web

Block-based Web

Start learning web development through beginner friendly block-based programming for HTML & CSS.

Age 13 – 16

Starter Pick 👍
Prerequisites
No prerequisite
Program
C

Fundamental Web Design

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

Age 13 – 16

Starter Pick 👍
Prerequisites
Completed level 2 or Completed level 4 or Pass the assessment
Program
D

Interactive Web Design

Apply programming logics and creative interactivity to our websites through the world of JavaScript.

Age 13 – 16

Starter Pick 👍
Prerequisites
Completed level 6 or Pass the assessment
Program
E

Advanced Web Development

Achieve web development full stack capabilities through JS frameworks and hands on database management.

Age 13 – 16

Starter Pick 👍
Prerequisites
Completed level 7 or Pass the assessment
Program
F

Data Analysis with Python

Exclusive data analysis learning with Python and experience the most widely used data science programming languages in the world.

Age 13 – 16

Starter Pick 👍
Prerequisites
Completed level 2 or Completed level 4 or Pass the assessment
Program
G

Artificial Intelligence with Python

Take a leap with Artificial Intelligence (AI) and learn powerful concepts such as machine learning and image recognition.

Age 13 – 16

Starter Pick 👍
Prerequisites
Completed level 9 or Pass the assessment
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 Web

Artificial Intelligence with Python

Data Analysis with Python

Fundamental Web Design (HTML & CSS)

Mobile Apps Development

Block-based Python

Foundation of Creative Computing

Junior Creator

Interactive Web Design (JavaScript)

Advanced Web Development

Frequently Asked Question

What is computer science and why is it important for my child to study it?

  • Computer science is the study of computers and computational systems, and involves designing and building software, analyzing algorithms, and understanding the principles of computer hardware and systems. It is a rapidly growing field with a wide range of career opportunities, and is essential for understanding and participating in the digital world.
  • It is important for children to study because it is a rapidly growing and increasingly important field that is relevant to many different industries and career paths. With a strong foundation in computer science, children can be well-prepared for a wide range of exciting and rewarding careers, including software development, data science, cybersecurity, and more.

How would you teach coding to a kid as young as 8 years old?

  • We teach kids as young as 8 years old to code using block-based programming languages, such as Code.org, Scratch, and MIT App Inventor. This interactive and engaging approach involves students issuing instructions by dragging and dropping blocks, which helps them understand complex programming concepts and syntax in a more manageable way.
  • We believe this approach is effective in building strong foundations in programming for our young students.

Can my 7 year old kid join Telebort coding class?

  • We at Telebort think a 7-year-old child might be too young to start learning to code because they are still growing into other crucial parts such as
  • basic languages for communication,
  • mental model of mathematical concepts (+-x/),
  • eyes development, less screen time is better.
  • As parents, you don't have to worry about them becoming good at coding at this age. You can spend time with them developing other areas such as their motor abilities and language development.

What will my child learn in a computer science course?

  • That’s a lot! The journey of learning at Telebort begins from learning block-based programming as the foundation before specializing themselves in mobile, web and data. Depending on which program information that you are interested, please visit www.telebort.com for more information.

What is the learning outcome?

  • When kids join our online coding class, they can expect to learn all sorts of cool stuff! Some potential learning outcomes might include: understanding basic coding concepts and principles, using computational thinking and problem-solving skills to design and create simple programs or projects, exploring their creativity and innovation skills by using code to build their own projects, improving communication and collaboration skills by working with other students, learning about career opportunities in computer science, and enhancing their digital literacy skills.

How do the students join the class?

  • Students can join the class by accessing the Zoom link provided in the student's dashboard. To access the dashboard and the Zoom link, students will need to have enrolled in the classes and will need the login details provided by Telebort.

What if the student missed a class or a lesson?

  • All of our classes are recorded, so if the student happen to miss one, they can always catch up by accessing the learning material at our LMS. This including notes, video, quizzes, projects, assignment and more. We will also upload the missing class video recording soon after the class at the LMS. And if they’re feeling a little behind and want to review the material in more depth, some of our instructors offer catch-up classes too.

How do I know about the learning progress of my child?

Do students get certificate after they graduate from Telebort?

  • Yes, they will.

How to get the certificate after they graduated?

  • After fully completing each individual program, students will obtain a Telebort certificate of completion and an academic transcript of said program.
  • The certificate will be obtainable digitally and can also request to be verified by our system for authenticity.

Is there a limit to the number of students in each class or will it be a more personalized experience?

  • Here in Telebort, we are more than happy to see more students join our classes and learn with us. We don't have any specific limits in place, which means that your kid(s) may have the chance to learn alongside a diverse group of students.

Will there be any support provided for students who may need extra help or have questions outside of class time?

  • We're all about making sure that our students have the resources and support they need to succeed and we have instructors who are always happy to lend a helping hand whenever students need extra help or have questions outside of class time.

How can I support my child's learning in computer science?

  • Encourage them to ask questions and seek help when needed
  • Help them find resources or materials to supplement their learning, such as online tutorials or programming exercises
  • Encourage them to work on projects or exercises outside of class to build their skills and knowledge
  • Encourage them to participate in extracurricular activities or clubs related to computer science

Is computer science good for my child?

  • Computer science is good for your child as it is a rapidly growing and increasingly important field that is relevant to many different industries and career paths. With a strong foundation in computer science, children can be well-prepared for a wide range of exciting and rewarding careers, including software development, data science, cybersecurity, and more.

What’s the schedule like?

  • Cohort classes are usually conducted every Saturday and Sunday except on public holidays. For both Saturday and Sunday, there are 3-time slots (10 AM -12 PM, 2 PM -4 PM, 5 PM -7 PM), each class with 2 hours per time slot depending on the program's availability.
  • Small Groups and 1-on-1 classes have a slightly different days and time slots as they only are conducted on Wednesday, Thursday & Friday, except on public holidays. Duration are 2 hours per lesson with flexible time slots.

Will my child need any special equipment or software to participate in the course?

  • Your child may need access to a computer and internet connection, as well as certain software or tools that may be required for specific projects or exercises. The school or instructor will typically provide information about any required equipment or software.

My kid doesn’t have any coding experience, which program should he/she can join?

  • If your child is new to coding and looking for a program that's a good fit for their age and interests, we have two options that might be of interest to them. The Junior Creator Program is perfect for kids aged 8 to 9 who want to learn more about coding in a fun and interactive way. This program is all about introducing students to the world of coding and helping them build up their basic computer literacy and typing skills. If your child is a little older and ready to dive into more advanced programming concepts, the Foundation of Creative Computing Program might be a better fit. This program is designed for students aged 10 to 12 and focuses on helping kids develop their computational thinking, algorithmic thinking, and mathematical reasoning skills through creative projects and innovation with technology. No matter which program you choose, we're confident that your child will have a great time learning and exploring with us!

Will the classes be taught by experienced instructors?

  • Classes offered by Telebort are taught by dedicated teachers and programmers who are experienced in computer science education and provide peer-to-peer mentorship to students.
  • The instructors are committed to inspiring and educating kids and teens in digital making and are equipped to provide a full spectrum of computer science education, including learning material, and real-world projects.

Are there any prerequisites for the classes or do students need to have any prior knowledge of coding?

  • The prerequisites for our classes can vary. You can check our website; https://www.telebort.com to know more information on the prerequisites needed. So, don't worry if your child don't have any prior knowledge of coding as we have programs that is suitable for them.

Contact us on:

Our social media:

As seen on