Master web development essentials with Archi's Academy: HTML, CSS, JavaScript, and Git. Embrace Agile methodologies and advanced skills. Explore React.js in real-world projects. Join us for a journey to front-end expertise with hands-on training and community support. Enroll now!

https://res.cloudinary.com/dbnf1xhyr/image/upload/v1690812927/man_flying_2_dd2e9e712a.png

Frame 124x.png

Educational topics for 24 weeks

This training module encompasses a comprehensive content to help you grasp the fundamentals of software development processes. Focusing on both the traditional Software Development Life Cycle (SDLC) and Agile methodologies, it provides participants with an opportunity to understand and apply modern software development processes. This module aims to help you comprehend the dynamics of the software world and acquire the necessary tools to deliver successful projects at both individual and team levels.

Module Content:

1. Software Development Life Cycle (SDLC):
In this section, you will explore the key stages of software development processes. By examining phases such as analysis, design, coding, testing, deployment, and maintenance, you will learn how each step contributes to the successful completion of projects.

2. Basics of HTTP:
This section will delve into the basics of the Hypertext Transfer Protocol (HTTP). By covering concepts such as client-server interaction, HTTP request and response structure, and status codes, you will understand how web communication works.

3. Frontend, Backend, and Full Stack Development:
This section emphasizes the design of the user interface (frontend) and the business logic (backend), highlighting the concept of full-stack development. The ability to work in different layers will expand your role in modern software development projects.

4. Project Management:
This section underscores the significance of effective project management. By focusing on project planning, resource allocation, progress tracking, and risk management, you will learn the strategies needed to complete projects on time and successfully.

5. Agile Methodologies:
This section covers the fundamental principles of agile software development methodologies (such as Scrum, Kanban). Exploring flexibility, collaboration, and continuous improvement, you will discover how to apply these approaches effectively and successfully in projects.

SDLC & Agile Methodologies

This comprehensive module is designed to provide you with a solid foundation in web development using HTML and CSS. From the fundamental concepts to advanced layout techniques, this module covers everything you need to know to create visually appealing and interactive web pages. 

1. Fundamentals of HTML & CSS:
In this section, participants will dive into the core concepts of HTML and CSS. You'll learn how to structure web content using HTML and style it using CSS, creating the backbone of any web page. Topics include HTML elements, attributes, CSS selectors, properties, and basic styling techniques.

2. Flexbox:
This section focuses on one of the most powerful layout tools in modern web design: Flexbox. Participants will learn how to create flexible and responsive layouts with ease, aligning and distributing content within containers. By mastering Flexbox, you'll have the skills to create dynamic and adaptable designs.

3. Grid:
The Grid layout system offers a comprehensive way to design complex web layouts. In this section, participants will delve into creating grid-based designs, arranging content in rows and columns, and achieving intricate arrangements with precision. Understanding Grid will open up new possibilities for designing intricate and structured web pages.

4. From Figma To Deployment:
This part of the module bridges the gap between design and development. Participants will discover how to translate design mockups created in Figma, a popular design tool, into functional web pages. You'll learn the process of converting visual designs into HTML and CSS code, and finally, how to deploy your creations to the web. In the final section, participants will put their newfound knowledge into practice by working on real-world projects. 

HTML and CSS

This comprehensive JavaScript training module offers participants the opportunity to master the JavaScript language from beginner to advanced levels, covering a wide range of topics, from understanding the fundamental principles of JavaScript to API integration, which enables the creation of interactive web applications.

1. Fundamentals of JavaScript
In this section, participants learn the essential components and syntax of the JavaScript language. Focusing on fundamental concepts such as variables, data types, operators, and conditional statements, they grasp the foundational building blocks of the language.

2. Functions and Loops
Understanding and utilizing functions, a fundamental building block of JavaScript, is the focus of this section. Additionally, participants learn how loops function, enabling them to effectively manage repetitive tasks.

3. Events and Interactions
Grasping the concept of events is crucial for managing interactions on web pages. Participants learn to handle user interactions, create event listeners, and responses, empowering them to manage user input effectively.

4. DOM Manipulation
The Document Object Model (DOM) represents the structure of web pages. In this section, participants learn to interact with HTML and CSS, acquiring skills to create dynamic web pages. They gain the ability to modify, add, or remove page content dynamically.

5. Debugging
Debugging skills are among a developer's most crucial abilities. Participants identify, utilize debugging tools, and practice troubleshooting code errors, enhancing the reliability of their code.

6. API Integration
Modern web applications often communicate with external services. Participants learn to fetch data from and send data to remote servers. This section covers processing JSON data, using the Fetch API, and managing API keys.

JavaScript & From Fundamentals to API Integration

This SQL course covers the knowledge you need to enhance your database management and querying skills. Starting from the fundamental principles of using SQL effectively in database systems.

Fundamentals of SQL: Under this topic, you will grasp what SQL is and understand the significance of database management. You'll gain insights into the structure of SQL queries, types of databases, and basic commands.

Operators & Constraints & Data Types: You'll learn about operators and constraints that allow you to make your SQL queries more comprehensive and tailored. Additionally, you'll explore different data types and understand their relevance in various scenarios.

Creating & Modifying Data Tables: Understand the essential steps in structuring and managing your databases. Learn how to create new data tables, modify existing ones, and delve into the significance of building relational databases.

Functions & Subqueries: Master the utilization of functions and subqueries to analyze your data more effectively. Starting from fundamental operations like summation and subtraction, you'll progress to exploring the depths of your database.

This module serves both beginners seeking to grasp foundational SQL concepts and techniques. The educational content includes interactive learning materials, real-world examples, and hands-on exercises, allowing you to reinforce your acquired knowledge by practical application.

This instructional module offers a comprehensive introduction to SASS, a CSS preprocessor that stands as a cornerstone of modern web development. SASS (Syntactically Awesome Style Sheets) is a powerful tool that enhances the efficiency and scalability of CSS writing. This module aims to provide participants with an in-depth learning experience covering the fundamental principles, techniques, and best practices of SASS.

Module Subheadings:

SASS Fundamentals: This section focuses on the basics of SASS, equipping participants with the necessary knowledge to kickstart SASS projects. Topics covered include fundamental syntax, variables, built-in functions, and file structuring.

Mixins & Selectors: In this section, participants will explore mixins and selectors, some of the most potent features of SASS. Mixins streamline the management of repetitive code blocks, while selectors are used to apply complex styles in a more organized manner.

Functions & Operators: This segment encompasses SASS functions and operators. Functions support value calculations and style manipulation, while operators facilitate mathematical operations. Participants will learn how to create dynamic and flexible styles using these features.

Sustainable SCSS: This part delves into the best practices of creating sustainable and scalable SASS code for large and complex projects. It provides tips for working in line with the DRY (Don't Repeat Yourself) principles, reducing code repetition, and facilitating project maintenance.

SASS (EN)

Fundamentals of Strapi:
Strapi is an open-source and flexible content management system that is used to develop modern web applications. Essentially, it enables the processes of content creation, editing, and delivery to be carried out simply and effectively. The "Fundamentals of Strapi" module aims to help you grasp the foundational elements of Strapi. Covering topics such as Strapi's working principles, database management, API creation, and basic security measures, this section ensures you have a strong fundamental understanding.

Strapi Plugins:
In this section, you'll delve into the realm of plugins that enhance Strapi's flexibility and extensibility. Strapi comes with a range of plugins that allow you to customize its functionality. Under the "Strapi Plugins" section, you'll learn how to integrate ready-made plugins and how to customize them when needed. Additionally, you'll explore how to create your own custom plugins. This section empowers you to take your projects further within the Strapi ecosystem.

Application Customization:
The strength of Strapi lies in its ability to let you tailor your applications to be unique and functional. In the "Application Customization" section, you'll find detailed guidance on how to customize Strapi-based projects according to your specific needs. From user interface design to data modeling, you'll learn the best practices and strategies to consider while customizing your application. This section will set you apart in your application development journey with Strapi.

Strapi (EN)

This module covers the fundamental concepts of React for developing modern web applications. Participants will learn to create interactive and customizable user interfaces by understanding the foundational principles of React.

Fundamentals of React
In this section, you will grasp what React is and why it's a preferred choice. You will become acquainted with JSX syntax, learn how to create and use components, and explore basic methods of data communication between components.

React Hooks
React Hooks are powerful tools for managing state and side effects within components. This section will teach you how to enhance components using various hooks such as useState, useEffect, and custom hooks.

React Router
Modern web applications often feature multi-page structures. By using React Router, you will learn how to navigate your application between different pages. You'll also delve into topics like dynamic route creation and parameter passing.

Reusability
In this segment, you'll discover how to reuse your code among components and explore best practices for creating component libraries. This enhances code sustainability while expediting the development process.

Performance Optimization
Performance is crucial for large-scale applications. This part delves into optimizing components effectively, preventing unnecessary re-renders, and monitoring application performance.

Redux State Management
Managing state across multiple components can become complex. Redux offers a solution. This section will guide you through using Redux and centralizing your application's state management in a store.

React JS (EN)

In this comprehensive Git and GitHub course, we'll learn basic and advanced skills in software development. Git stands out as an indispensable tool in modern software development projects, while GitHub is a powerful platform that makes projects collaborative and shareable. This course will cover a wide range of knowledge, starting with the basics of Git and GitHub, from code version control to advanced concepts and getting your projects live.

Introduction to Git:
- The Importance of Version Control
- Git Basics
- Git Installation and Basic Configuration
- Creating Initial Repositories and Basic Commands

Git Repositories:
- Remote and Local Repositories
- Repository Creation and Cloning
- Monitor and Commit Changes
- Gitignore: Managing Junk Files

Branching:
- Branch Concept and Usage
- Creating a New Branch and Migrating
- Merge and Resolve Branches
- Pull Requests

Code Conflict:
- The Concept of Merge Conflict
- Strategies for Coping with Conflicts
- Merge Bilateral Modifications
- Resolve Conflicts and Commit

Advanced Git:
- Stashing
- Checkout, Revert, Reset
- Cherry-Pick: Selecting Specific Commits

Git and Github

Archi's Academy's Frontend Development Program

Visual Studio Code is a source-code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control and GitHub, syntax highlighting, intelligent code completion, snippets, and code refactoring.

iS7hq4Lw_400x400.jpg

Visual Studio Code

Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript.

html.png

HTML

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

css.png

React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

react.png

React

Figma is a cloud-based design and prototyping tool for digital projects. It’s made so that users can collaborate on projects and work pretty much anywhere.

Figma Logo Download Vector (1)

Figma

JavaScript

SASS

Strapi

Jobtogo offers for freelancers and directing Academy graduates to Jobtogo for increased freelance opportunities.

Jobtogo

Proud GitHub Campus Partner, empowering students with essential coding skills and fostering innovation in the tech community.

Github

Dedicated JetBrains Partner, enhancing developer productivity with top-notch IDEs and tools for coding excellence.

Jet Brains

Ellow is a global talent marketplace platform that connects businesses with top 3% of freelance developers.

Ellow 

Trusted AWS Partner, unlocking the power of cloud computing for scalable, secure, and innovative solutions.

Amazon Web Services

Microsoft For Startups, driving digital transformation and innovation with cutting-edge technology solutions.

Microsoft

Bronix Engineering: Our trusted partner in engineering excellence.

Bronix

Our trusted partner in elevating sales excellence.

London School of Sales

Our Academic Partner in fostering knowledge and innovation.

İstanbul Nisantaşı Üniversitesi

Our trusted education partner, a state university located in Istanbul, Turkey.

Turkish-German University

The Kyrgyz Software and Services Developers' Association represents IT professionals and firms residing in the Kyrgyz Republic.

KSSDA

SuperCharger Ventures is a leading EdTech ecosystem located in London, Singapore, and Malta.

Archi's Academy's Frontend Development Program

Craft Your Future with Product-Based Learning

Where Practical Skills Meet Real-World Application

How are we different?

What do our trainees say about us?

Our Partners