Frontend Development

Module focus

Understand how websites are delivered and prepare a reliable development workspace.

Weekly topics

• How the web works
• Browsers and servers
• Editor and browser tools
• Project folder structure

Module focus

Structure pages with meaningful, accessible HTML elements.

Weekly topics

• Document structure
• Semantic elements
• Links and images
• Forms and input types

Module focus

Style page elements with maintainable CSS rules.

Weekly topics

• Selectors and specificity
• Box model
• Colors and units
• Typography and spacing

Module focus

Adapt layouts to phones, tablets and desktop screens.

Weekly topics

• Mobile-first layouts
• Flexbox alignment
• CSS Grid
• Media queries

Module focus

Style interfaces with utility-first classes, project configuration, and responsive modifiers.

Weekly topics

• Utility-first styling
• Tailwind configuration
• Responsive modifiers
• Building reusable interface patterns

Module focus

Use JavaScript to respond to browser events and update page content.

Weekly topics

• Variables and data types
• Functions and conditions
• DOM selection and updates
• Events and form interactions

Module focus

Write clearer browser logic using modern JavaScript language features.

Weekly topics

• Arrays and objects
• Array methods
• Modules and scope
• Promises and async/await

Module focus

Track changes and collaborate through a remote code repository.

Weekly topics

• Git workflow
• Commits and branches
• GitHub repositories
• Pull requests and README files

Module focus

Build reusable user interfaces from components and props.

Weekly topics

• JSX and components
• Props and composition
• Conditional rendering
• Lists and keys

Module focus

Manage interactive state and retrieve data from external services.

Weekly topics

• useState and event handlers
• Effects and lifecycle concepts
• Fetch and JSON
• Loading and error states

Module focus

Check interface usability and catch common implementation defects.

Weekly topics

• Keyboard navigation
• Accessible labels
• Browser developer tools
• Component and interaction checks

Module focus

Publish a frontend project and improve its loading experience.

Weekly topics

• Build commands
• Static hosting
• Asset optimization
• Environment configuration

Module focus

Present a complete frontend project and prepare materials for entry-level roles.

Weekly topics

• Responsive portfolio project
• Code review and README
• Portfolio presentation
• CV and technical interview practice