CODE

We provide online and physical class for coding lessons

Contact Info

17B, Block B, Leader Garden,
Jalan Chee Sen 13, Malaysia
info@email.com
60 (12) 45 94388

Follow Us

How we Conduct Classes

Step by step process how we lead you to code well from Front End Development to Back End Development

01

Concept

Programming has a proper coding concept. Students will learn what is coding all about

02

HTML/CSS

Learn the basic of HTML and CSS. We will be introducing certain external libraries to help in coding.

03

Javascript

Javascript is all about browser and its interaction

04

Backend Development

Students will learn either PHP and NODEJS. We will go through this with ease. Then we will continue with frameworks

7

LEVEL 1:
Scratch Projects

12

LEVEL 2:
HTML & CSS Projects

8

LEVEL 3:
Javascript Projects

3

LEVEL 4:
PHP or NodeJS Projects

Learn By Doing Projects

We start our projects on the first day of classes

Students will start to learn to build application on the first day of classes. Our systematic and project basis classes helps students to get a good grasp of coding. We identify student's interest and help them to assessed projects which can instill their love to code

LEVEL 1: Concept

  • Basic programming concepts: Scratch introduces fundamental programming concepts such as sequences, loops, conditionals, and events. Users learn how to arrange blocks of code to create scripts that control the behavior of sprites (characters or objects) in their projects.
  • Animation and storytelling: Scratch allows users to create interactive stories and animations by adding sprites, creating backdrops, and animating characters using different movements and effects. Users learn how to create dialogue, create scenes, and sequence events to tell a story.
  • Game design: Scratch provides tools for creating simple games, including creating sprites with different behaviors, designing game mechanics, implementing game logic, and creating user interfaces. Users learn how to create games with different levels of complexity and interactivity.
  • Multimedia and sound: Scratch supports adding multimedia elements such as images, sounds, and music to projects. Users learn how to upload and use media assets in their projects, as well as how to program interactions with multimedia elements, such as playing sounds or displaying images at specific times.
  • Interactive art and music: Scratch allows users to create interactive art and music projects by combining programming with creative elements. Users can create visual effects, animations, and interactive music compositions using Scratch's visual programming blocks.
  • Collaboration and sharing: Scratch encourages collaboration and sharing among users through its online community. Users learn how to share their projects, remix and modify existing projects, and collaborate with others by providing feedback and suggestions on projects created by fellow Scratch users.
  • Computational thinking: Scratch promotes computational thinking skills, such as problem-solving, logical reasoning, and algorithmic thinking. Users learn how to break down problems into smaller steps, plan and debug their projects, and think critically to create interactive projects.
7 Projects

LEVEL 2: HTML & CSS

HTML
  • HTML Tags
  • HTML Attributes
  • HTML Document Structure
  • HTML Semantics
  • Forms and Input
  • CSS (Cascading Style Sheets)
  • Responsive Web Design
  • Accessibility
  • Multimedia
  • Best Practices and Optimization
CSS
  • Selectors: Learn how to use different types of selectors to target and style HTML elements.
  • Box model: Learn how to use properties like width, height, padding, margin, and border to control element layout.
  • Typography: Learn how to style text using properties like font-family, font-size, font-weight, and text-align.
  • Layout: Learn how to create different types of layouts using properties like display, position, float, and flexbox.
  • Colors and backgrounds: Learn how to work with colors and backgrounds using properties like color, background-color, and background-image.
  • Responsive design: Learn how to create responsive designs using media queries, viewport meta tag, and CSS units like percentages and ems.
  • Transitions and animations: Learn how to add animations and transitions to web pages using properties like transition, animation, and keyframes.
  • Flexbox and Grid: Learn how to use modern CSS layout techniques like Flexbox and CSS Grid to create flexible and grid-based layouts.
  • CSS preprocessors: Learn how to use CSS preprocessors like Sass, Less, and Stylus for writing organized and efficient CSS code.
  • Best practices and performance optimization: Learn best practices for writing clean, maintainable, and performant CSS code.
12 Projects

LEVEL 3:Javascript

  • Syntax: Variables, data types, operators, conditional statements, loops
  • Data Types and Variables: Variables, scope, hoisting, numbers, strings, booleans, arrays, objects
  • Control Flow: Conditional statements (if, else if, switch)
  • Functions: Function declarations, function expressions, anonymous functions, arrow functions, higher-order functions
  • Objects and Arrays: Objects, arrays, properties, methods
  • DOM Manipulation: Interacting with the Document Object Model (DOM)
  • Asynchronous Programming: Callbacks, promises, async/await
  • Error Handling: Handling errors and exceptions
  • ES6+ Features: let, const, arrow functions, classes, destructuring, spread/rest operators
  • Debugging and Tooling: Using debugging tools and development environments
8 Projects

LEVEL 4: Backend Development

PHP or NodeJS

Backend developers typically use programming languages such as PHP or NODEJS as well as frameworks and libraries to build and maintain the backend infrastructure of web applications. They work closely with front-end developers, database administrators, and other team members to ensure the smooth operation of web applications. Some specific tasks that a backend developer may be responsible for include designing and implementing APIs, building and maintaining databases, and deploying and scaling web applications.

MySQL or MongoDB

MongoDB is a NoSQL database that stores data in a document-oriented format, which means data is stored as JSON-like documents. MongoDB is highly scalable and flexible and is commonly used for handling large volumes of unstructured or semi-structured data. It is commonly used in applications that require real-time processing and analytics such as social media platforms and financial trading systems. MongoDB uses a flexible data model and a query language called MongoDB Query Language (MQL) which allows developers to work with data in a more natural and intuitive way. MySQL, on the other hand, is a relational database management system (RDBMS) that stores data in tables with predefined schemas. MySQL is highly popular, widely used, and has been around for a long time. It is commonly used in applications that require a well-defined structure for storing and querying data, such as e-commerce websites, financial applications, and content management systems. MySQL supports SQL (Structured Query Language) which is a powerful language for managing and querying relational data. Both MongoDB and MySQL have their own strengths and weaknesses, and the choice of database system depends on the specific needs of the application being developed.
3 Projects