Tynker: Block Coding & Text Coding HTML/CSS
Duration |
No. of sessions |
No. of participants |
Time Schedule |
2 x 90 min /week (3 months) |
25 |
4 – 8 |
Tuesday, Thursday 17:00-18:30 |
Description:
In this course, students get introduced to basic programming as they create interactive stories, design animations, and make mini-games in Tynker’s game-like interface. Each lesson is designed for a class period of 90 minutes. During this period, students learn by themselves as they progress through interactive tutorials, solve coding puzzles, follow along to build their own projects, and take quizzes. All student work is automatically tracked and assessed, and their individual progress will be monitored and charted.
Later in this Course, students will be introduced to web page development using HTML and CSS. Starting from building their very first web page, they progress to learn about paragraphs, lists, tables, inserting images, audio and video files and hyperlinking while they work on many different hands-on practical do-it-yourself projects, several hands-on programming challenges, and assessment quizzes throughout the course. Finally they build a photo gallery and their own version of Instagram to compete this course.
This course is ideal for students who are comfortable with text entry. It is recommended that the students have completed at least one Tynker block-coding course so that they are familiar with the basics of programming logic and computational thinking. This course will help them transition to HTML and CSS – the web development languages, and adapt to the additional challenges of text-based syntax.
Students who successfully complete this lesson plan will demonstrate a strong mastery of HTML and CSS syntax, as well as the ability to create their own web sites from scratch. They will be able to create web pages for other projects in their academic curriculum, such as book reports, presentations and STEM assignments. This course does not cover the use of JavaScript in web development.
Curriculum Topics Covered
- Sequencing
- Repetition
- Events
- Conditional logic
- Animation
- Storytelling
- Problem Solving
- Debugging
- Direction and Turning
- Keyboard and mouse Events
- Playing Sounds
- HTML page creation
- CSS Styles
- Hyperlinks, lists, and tables
- CSS pseudo-classes, selectors, and more
- Typography and page layout
- CSS Box model
- Images, audio, and video
- Modal popups and hover states
- Multi-page websites
- Responsive website design
|
|