TypeScript

Course Information

Duration: 36 Weeks

Time 1 Hour/Week

CI Code: CODE1001

Location: Virtual, Live

Course Fee: Free With Membership / $199 Without Membership

Start Date:

Course Time: Check Registration

Student Age Eligibility: 8 - 17 Years

CI Courses

0 +

Expert teachers

0 +

Virtual Students

0 +

Course Hours

0 +

Why Coding Institute

Study TypeScript with CI

Objective: This course introduces students to TypeScript, a typed superset of JavaScript that compiles to plain JavaScript. Students will learn the benefits of static typing and how to write scalable and maintainable code.

Methods: Hands-on coding exercises, real-world project development, and integration with existing JavaScript frameworks to reinforce TypeScript concepts.

Skills Gained: Ability to write type-safe code, utilize TypeScript features, and enhance JavaScript applications with TypeScript.

Understand the core principles of CSS syntax and selectors.
Style web pages by adjusting colors, fonts, spacing, and alignment.
Use CSS layout techniques for organized, responsive design.
Develop aesthetically pleasing web pages with structured, accessible styling.

Course Details

This Class is a Virtual Live Class

Modules

The modules listed below are those currently intended for delivery in the current academic intake of this course. These may be subject to change in future years as the University regularly revises.

Semester 1

Weeks 1 - 3: Introduction to CSS and Selectors

Topics: Inline, internal, and external CSS, basic selectors.
Objective: Understand how to apply CSS to HTML and use basic selectors.

Weeks 4 - 6: Color and Backgrounds

Topics: Color values, background colors, gradients, images.
Objective: Use colors and backgrounds to enhance visual appeal.

Weeks 7 - 9: Typography and Fonts

Topics: Font families, sizes, weights, line height, text alignment.
Objective: Style text for readability and design consistency.

Weeks 10 - 12: The Box Model

Topics: Margin, padding, border, content area, box sizing.
Objective: Master layout adjustments using the CSS box model.

Semester 2

Weeks 1 - 3: Positioning Elements

Topics: Static, relative, absolute, fixed, and sticky positioning.
Objective: Control element positions within the layout.

Weeks 4 - 6: Flexbox Layout

Topics: Flex container, items, alignment, and distribution.
Objective: Use Flexbox for flexible, responsive layouts.

Weeks 7 - 9: Grid Layout

Topics: Grid container, rows, columns, areas, and gaps.
Objective: Develop complex layouts using CSS Grid.

Weeks 10 - 12: Responsive Web Design

Topics: Media queries, responsive units, viewport scaling.
Objective: Create designs that adapt to various screen sizes.

Semester 3

Weeks 1 - 3: Transitions and Animations

Topics: Basic transitions, keyframe animations, effects.
Objective: Add interactivity and motion to web designs.

Weeks 4 - 6: Pseudo-classes and Pseudo-elements

Topics: Hover, active, before, after, and nth-child selectors.
Objective: Style elements based on interaction and position.

Weeks 7 - 9: CSS Variables and Custom Properties

Topics: Defining and using CSS variables, theme creation.
Objective: Simplify styling by using custom properties.

Weeks 10 - 12: Final Project and Course Wrap-Up

Topics: Style a complete web page or multi-page site, course review.
Objective: Apply all learned concepts in a final project demonstrating CSS proficiency.

Careers

Learning Outcomes

By the end of this course, students will be able to:

Ready to Apply?

Applying for CSS CODE901

Start Your Journey Today!

I'm A Member Start My Course

Become A Member

Apply As Non-Member

Passive Student

Journey Towards Success

Highlights

Comprehensive Learning:

Detailed study for foundational learning and development in coding.

Interactive Learning:

Virtual labs, simulations, and real-world case studies.

Expert Instruction:

Live teaching from experienced professionals in the field.

Career Preparation:

Foundation for advanced studies and careers in coding.

Discover One of the Best learning Institute.