Get To Know IT · Module
Modern Web Development
Course
Code Lab
Duration
12 lessons
Topics
What you will learn
- understand the fundamental structure of modern web applications
- break web interfaces into reusable components
- work with state and dynamic content
- implement basic routing
- understand the structure of a modern web project
- understand the purpose of frameworks
- distinguish between frontend and backend development
- apply basic npm and Node.js concepts
- develop a modern, interactive web application using React
Module content
What we'll cover
- What are components?
- Reusable UI elements
- Component structure
- Props and data passing
- Building interfaces from components
- What is state?
- Dynamic content
- User interactions
- Updating application data
- Reactive user interfaces
- Why do web apps need routing?
- Pages and views
- Navigation
- Dynamic routes
- Single-page applications
- Structure of a modern web project
- Files and folders
- Dependencies
- npm and package.json
- Development and build processes
- What is a framework?
- Why are frameworks used?
- React as an example
- Component-based development
- Advantages and limitations of modern frameworks
- What happens in the frontend?
- What happens in the backend?
- Data communication between frontend and backend
- APIs as an interface
- Basic web application architecture
Ready to get started?
Start the module now and put what you learn into practice with your own project.
Book the module