Frontend Developer Course with Angular 13, HTML5, and CSS3

This program combines three key areas of software development, providing comprehensive training in: Programming Fundamentals (Programmer Fundamental Software) Web development with HTML5 and CSS3 (Frontend Developer) Application development with angular 13 The course is designed for those who …

116 hours
Multiple Certificates
Learning Path
Premium Support
Programa Software Programmer Fundamentals + Frontend Developer ( Programming in HTML5 with CSS3 ) + Angular 13
Certitalents logo

Program Modules

Level I: Software Programmer Fundamentals

Software Programmer Fundamentals

1.1. Concepts of Algorithm and Their Importance

  • Definition of algorithms.
  • Structure of an algorithm: Input, Process, and Output.
  • Types of algorithms: iterative, recursive, and algorithmic.
  • Examples of algorithms in real life.

1.2. Computational Thinking and Problem Solving

  • Decomposing problems into smaller steps.
  • Pattern recognition and abstraction.
  • Structure of the solution: Development and optimization.
  • Designing efficient algorithms.

1.3. Practice: Solving Simple Problems with Pseudocode

  • Modeling real problems with pseudocode.
  • Conversions between pseudocode and flowcharts.
  • Practical exercise: Developing pseudocode to solve a mathematical problem.

2.1. Use Case Diagrams

  • Identification of actors.
  • Diagrams of main and alternative scenarios.
  • Extended and general use cases.

2.2. Sequence Diagrams

  • Representation of interaction between objects and events.
  • Modeling of data flow and sequence of messages.

2.3. Activity Diagrams

  • Representation of activities, decisions, and alternative flows.
  • Activity diagrams with partitions (swimlanes)

 

3.1. Data Types and Operators

  • Primitive data types: integers, floats, booleans, strings.
  • Arithmetic, logical, comparison, assignment, and bitwise operators.
  • Data type conversion (casting).

3.2. Conditional Control Structures and Loops

  • Conditional statements: if, else, elif, switch.
  • Counter-controlled loops: for and while.
  • Condition-controlled loops: do-while.
  • Concepts of recursion vs iteration.

3.3. Declaration and Use of Functions

  • Return and non-return functions.
  • Parameters by value and by reference.
  • Nested and recursive functions.
  • Use of lambda functions.

3.4. Practice: Problem Solving with Functions

  • Functional decomposition exercises to solve problems.
  • Code modularization to improve reusability.

4.1. Lists, Tuples, Dictionaries, and Sets

  • Basic operations on data structures: creation, updating, deletion.
  • Advanced methods and operations: append, pop, sort, reverse.
  • Dictionaries and handling key-value pairs.

4.2. Sorting Algorithms (Bubble, Selection)

  • Step-by-step implementation of sorting algorithms.
  • Time and space complexity: O(n^2), O(n log n).
  • Comparison between sorting algorithms: efficiency and appropriate usage.

4.3. Search Algorithms (Binary, Linear)

  • Implementation of sequential search and binary search.
  • Necessary conditions to use binary search.
  • Comparison of complexities.

4.4. Practice: Implementation of Algorithms in Python

  • Exercises on searching and sorting with lists and dictionaries.
  • Optimization of search code for large volumes of data.

5.1. Basic Concepts of Objects and Classes

  • Definition of objects, classes, attributes, and methods.
  • Encapsulation, abstraction, and modularity.

5.2. Creation of Objects and Methods

  • Creation and use of objects in Python.
  • Public, private, and protected methods.

5.3. Inheritance and Polymorphism

Concept of inheritance and class reusability.

Overridden methods and polymorphism.

5.4. Practice: Object Modeling and Interaction

  • Practical exercise to model entities using OOP

6.1. Types of Databases (Relational and Non-Relational)

  • Key differences between relational and non-relational databases.
  • Examples of relational databases (MySQL, PostgreSQL) and non-relational databases (MongoDB).
  • When to use a relational database vs a non-relational database.

6.2. Database Components: Tables, Rows, Columns

  • Definition and creation of tables.
  • Relationships between tables: one-to-one, one-to-many, and many-to-many.
  • Data types in SQL: VARCHAR, INT, DATE, etc.

7.1. Entity-Relationship Diagrams

  • Definition of entities, attributes, and relationships.
  • Creation of ER diagrams to represent data models.

7.2. Primary and Foreign Keys

  • Definition of primary keys and how they ensure record uniqueness.
  • Foreign keys and their importance in linking tables.

7.3. Database Normalization

  • Concept of normalization and its levels (1NF, 2NF, 3NF).
  • Practical exercises to avoid redundancy in databases.

8.1. Creation of tables and relationships

  • Basic SQL syntax: CREATE TABLE, ALTER TABLE.
  • Definition of constraints (PRIMARY KEY, UNIQUE, NOT NULL).

8.2. SQL Queries: SELECT, INSERT, UPDATE, DELETE

  • Read queries: SELECT with filters, operators, and sorting.
  • Queries for inserting, modifying, and deleting data: INSERT INTO, UPDATE, DELETE.

8.3. Aggregate functions: COUNT, SUM, AVG

  • Use of functions to calculate aggregates over data sets.
  • Grouping data with GROUP BY and filtering with HAVING.

  • Basic concepts of Web Development
  • Tools to be used
  • Software installation

  • Web project: What is it?
  • Prototyping from paper
  • HTML and tags

Lists, tables, forms, and links

  • Multimedia with HTML: images, videos, audio, iframe
  • Basics of CSS and Class attribute

  • Web typography and backgrounds
  • Positioning and visualization

  • What is it?
  • Parent and child properties
  • Properties for the Flex container and Flex items

  • Implementation of Grids and Grids
  • Mobile First

What is Mobile First?

  • Animations with CSS
  • Incorporation of transformations and transitions to elements

  • Basic terminal commands
  • Creation of repositories and branches

  • Implementation of Grids and Mobile First Grids

  • What is a Framework?
  • Bootstrap Functionalities
  • Bootstrap with JS
  • Bootstrap Themes
  • Responsive Design

  • What is a pseudoclass?
  • Installation of Node.js and NPM

  • CSS Preprocessors
  • Nesting
  • Import and Vars
  • BEM

  • Operators
  • Conditionals
  • Loops
  • Maps

  • Servers, security, and SEO: basic concepts

  • Hosting configuration and server access

  • Identification of the client and the end user
  • Preparation of the budget

  • Introduction to Angular

  • Install a command terminal
  • Install NodeJS
  • Install Angular basic
  • Angular CLI + Angular installation + Hello world
  • Create a project in the code editor
  • Highlight Angular code
  • Create aliases in the terminal
  • Analysis of the file structure - Elements that make up Angular

  • What is a component and how does it work?
  • Create a component
  • Exercise and multiple components

  • What is TypeScript?
  • Properties and data types
  • The constructor, component methods, and NgOnInit
  • Difference between let and var
  • Create classes, data models, and objects
  • Learn more about TypeScript (TS) and object-oriented programming (OOP)

  • What is a directive?
  • ngIf directive and click event
  • ngFor directive
  • ngSwitch and ngStyle directives
  • Two-way data binding
  • NgStyle as an attribute
  • NgClass as an attribute
  • ngC directive

  • Configure routing
  • Navigation menu
  • Highlight menu items
  • Routes and parameters via the URL
  • Redirections with the router

  • Create and use a service
  • Exercise with services

  • Pipes for dates
  • Filters to transform characters
  • Custom pipes

  • Introduction to Angular forms
  • Creating forms
  • Validating forms
  • Exercise with forms.

  • Create a service to make HTTP requests
  • AJAX requests in Angular (HTTP, Calls to REST services)
  • More types of HTTP requests

This is a test module to verify functionality in programs

Current process description

This program combines three key areas of software development, providing comprehensive training in:

  • Programming Fundamentals (Programmer Fundamental Software)
  • Web development with HTML5 and CSS3 (Frontend Developer)
  • Application development with angular 13
  • The course is designed for those who want to acquire knowledge from scratch in programming and web development, to the construction of modern web applications using angular framework 13
  • This training leads to the following international certifications:
  • Programmer Fundament Software (SOFTF-001)
  • Border Developer (Programming in HTML5 with CSS3) - Frontf -001
  • Under the practical Learning Method approach, participants will work on laboratories, practical workshops and/or real projects, ensuring the effective application of knowledge acquired in business environments

Objectives

At the end of the course, participants will be able to:

  • Understand the principles of programming, including programming logic, control structures and algorithms
  • Build modern and responsive websites using HTML5, CSS3 and Frameworks CSS
  • Apply advanced design techniques and web layout with flexbox, Grid and CSS animations
  • Use git and github for version control and collaborative work
  • Optimize websites for SEO, improving your indexation in search engines
  • Develop SPA applications (Single Page Applications) with Angular 13, using TypeScript and the MVC pattern
  • Apply the angular component approach, modularizing the code for more scalability
  • Obtain international certifications in programming and web development

Prerequisites

To participate in this training, attendees must meet the following requirements:

  • Basic knowledge of computer science.

What Does This Course Include?

Our Value Proposition Benefit for Participant or Company
Programa Software Programmer Fundamentals + Frontend Developer ( Programming in HTML5 with CSS3 ) + Angular 13 116 hours
• E-learning reinforcement topics and exclusive materials and simulators • Complementary platform with digital resources, study guides, support recordings and exam simulators.
• Flexible educational model (in-person or live remote) • Possibility to choose modality without losing human interaction and teaching support.
• Focus on employability and professional performance and exam preparation. • Preparation oriented to certification, job performance and professional scaling based on practice, enhanced with AI support.
• Integration of Artificial Intelligence in learning • Students use AI tools to reinforce understanding, practice exams and enhance their productivity.
• International Certification included • Official endorsement with global recognition. Includes certification exams and access to the partner platform.
• Laboratories in real learning environments. • Unlimited practical experience with real lab accounts and access to professional cloud infrastructure.
• Live classes with certified expert instructors. • Guided and personalized training with direct real-time support, not offline. Recorded classes only for review.
• Personalized attention, small groups. • Individual tracking, progress evaluations and technical support during training. AI-proctored performance examiner.
• Post-certification support and extended access to resources • Post-assistance, access to materials for and continuous updates.
• Practical methodology and real and/or simulated projects. • Applied learning from day one: simulations, business cases, projects and real cloud environments.
• Certificates of Approval and/or participation. • International Certification by Certitalents

• Infinity Training Institute USA: International Certification Diploma in English

• Aula Matriz IETDH Colombia - Certificate of participation

Why choose Infinity Training Institute?

1. Internationally guaranteed certifications
All our courses are Internationally certified:
    - Infinity Training Institute USA: International Certification Diploma in English.
    - International Certification from our partners Microsoft, Oracle, Certitalents, AWS, PMI, Cisco, etc.

2. We are not an automatic platform, nor self-study through videos
We are a unique model, in-person or Remote modality (with live instructor). Technology + pedagogy + AI + expert instructors + real practice — not self-study or outdated content.

3. Training designed for today's job market
Experience applicable immediately in interviews, technical tests and real work environments.

4. Real or simulated projects with international standards
Students access real environments such as Azure, AWS, Google Cloud, Oracle Cloud, develop real or simulated projects, building a demonstrable technical portfolio depending on the type of course or certification they have chosen.

5. A unique combination in Latin America and the USA
Certification + real practice + AI + continuous support + dual diploma.

6. Proven results
More than 95% of our graduates obtain official certification and improve professionally in less than six months.

7. Competency level guarantee
If the student during the practical training process does not reach a minimum performance level of 75%, they must repeat the course if the instructor determines so, and the student has shown the commitment and minimum class attendance required by the model.

Your professional future starts here
At Infinity Training Institute we boost your growth with an innovative, flexible model focused on real learning and performance evaluation. Certified instructors, intensive practice, integrated AI and constant support: world-class training.

Learning Methodology

At Infinity Training Institute, we apply a comprehensive, ever-evolving methodology centered on practical learning, powered by Artificial Intelligence, enabling personalized instruction, performance assessment, and optimized preparation for international certifications with certified instructors, real labs, simulators, and e-learning platforms. Participants learn by doing, developing technical and professional skills in small groups, with personalized follow-up and pre and post-certification support. Infinity Training Institute: Learn. Apply. Get Certified. Transcend.

Payment Options

Make your payment quickly, safely and reliably

  • For bank transfer payments, request the details by email customerservice@infinityti.org

Log In

Para continuar con tu inscripción, debes iniciar sesión o crear una cuenta.

Current process description

This program combines three key areas of software development, providing comprehensive training in:

  • Programming Fundamentals (Programmer Fundamental Software)
  • Web development with HTML5 and CSS3 (Frontend Developer)
  • Application development with angular 13
  • The course is designed for those who want to acquire knowledge from scratch in programming and web development, to the construction of modern web applications using angular framework 13
  • This training leads to the following international certifications:
  • Programmer Fundament Software (SOFTF-001)
  • Border Developer (Programming in HTML5 with CSS3) - Frontf -001
  • Under the practical Learning Method approach, participants will work on laboratories, practical workshops and/or real projects, ensuring the effective application of knowledge acquired in business environments

Objectives

At the end of the course, participants will be able to:

  • Understand the principles of programming, including programming logic, control structures and algorithms
  • Build modern and responsive websites using HTML5, CSS3 and Frameworks CSS
  • Apply advanced design techniques and web layout with flexbox, Grid and CSS animations
  • Use git and github for version control and collaborative work
  • Optimize websites for SEO, improving your indexation in search engines
  • Develop SPA applications (Single Page Applications) with Angular 13, using TypeScript and the MVC pattern
  • Apply the angular component approach, modularizing the code for more scalability
  • Obtain international certifications in programming and web development

Prerequisites

To participate in this training, attendees must meet the following requirements:

  • Basic knowledge of computer science.

What Does This Course Include?

Our Value Proposition Benefit for Participant or Company
Programa Software Programmer Fundamentals + Frontend Developer ( Programming in HTML5 with CSS3 ) + Angular 13 116 hours
• E-learning reinforcement topics and exclusive materials and simulators • Complementary platform with digital resources, study guides, support recordings and exam simulators.
• Flexible educational model (in-person or live remote) • Possibility to choose modality without losing human interaction and teaching support.
• Focus on employability and professional performance and exam preparation. • Preparation oriented to certification, job performance and professional scaling based on practice, enhanced with AI support.
• Integration of Artificial Intelligence in learning • Students use AI tools to reinforce understanding, practice exams and enhance their productivity.
• International Certification included • Official endorsement with global recognition. Includes certification exams and access to the partner platform.
• Laboratories in real learning environments. • Unlimited practical experience with real lab accounts and access to professional cloud infrastructure.
• Live classes with certified expert instructors. • Guided and personalized training with direct real-time support, not offline. Recorded classes only for review.
• Personalized attention, small groups. • Individual tracking, progress evaluations and technical support during training. AI-proctored performance examiner.
• Post-certification support and extended access to resources • Post-assistance, access to materials for and continuous updates.
• Practical methodology and real and/or simulated projects. • Applied learning from day one: simulations, business cases, projects and real cloud environments.
• Certificates of Approval and/or participation. • International Certification by Certitalents

• Infinity Training Institute USA: International Certification Diploma in English

• Aula Matriz IETDH Colombia - Certificate of participation

Why choose Infinity Training Institute?

1. Internationally guaranteed certifications
All our courses are Internationally certified:
    - Infinity Training Institute USA: International Certification Diploma in English.
    - International Certification from our partners Microsoft, Oracle, Certitalents, AWS, PMI, Cisco, etc.

2. We are not an automatic platform, nor self-study through videos
We are a unique model, in-person or Remote modality (with live instructor). Technology + pedagogy + AI + expert instructors + real practice — not self-study or outdated content.

3. Training designed for today's job market
Experience applicable immediately in interviews, technical tests and real work environments.

4. Real or simulated projects with international standards
Students access real environments such as Azure, AWS, Google Cloud, Oracle Cloud, develop real or simulated projects, building a demonstrable technical portfolio depending on the type of course or certification they have chosen.

5. A unique combination in Latin America and the USA
Certification + real practice + AI + continuous support + dual diploma.

6. Proven results
More than 95% of our graduates obtain official certification and improve professionally in less than six months.

7. Competency level guarantee
If the student during the practical training process does not reach a minimum performance level of 75%, they must repeat the course if the instructor determines so, and the student has shown the commitment and minimum class attendance required by the model.

Your professional future starts here
At Infinity Training Institute we boost your growth with an innovative, flexible model focused on real learning and performance evaluation. Certified instructors, intensive practice, integrated AI and constant support: world-class training.

Learning Methodology

At Infinity Training Institute, we apply a comprehensive, ever-evolving methodology centered on practical learning, powered by Artificial Intelligence, enabling personalized instruction, performance assessment, and optimized preparation for international certifications with certified instructors, real labs, simulators, and e-learning platforms. Participants learn by doing, developing technical and professional skills in small groups, with personalized follow-up and pre and post-certification support. Infinity Training Institute: Learn. Apply. Get Certified. Transcend.

Payment Options

Make your payment quickly, safely and reliably

  • For bank transfer payments, request the details by email customerservice@infinityti.org

Log In

Para continuar con tu inscripción, debes iniciar sesión o crear una cuenta.