Front-end Web Developer - 5 days Online Classroom
3.450,00 EUR
- 5 days
Build the skills to create modern, responsive, and interactive websites with this intensive Front-End Web Developer course. Designed for aspiring web developers and technology professionals, this hands-on program provides a strong foundation in HTML, CSS, JavaScript, and modern web development practices.
Key Features
Language
Course material in English
Level
Beginner - Intermediate level
5 days (8 hours/day) online instructor-led
60+ recommended study hours
Guided hands-on exercises
Project-based learning and scenarios
Support available after the course
Program completion certification included
Learning Outcomes
At the end of this program, you will be able to:
Responsive Web Design with HTML & CSS
Learn how to build modern, responsive websites using semantic HTML and CSS. Master Flexbox, CSS Grid, and media queries to create layouts that adapt across devices, while working with typography, forms, multimedia, and visual design best practices.
Interactive Website Development with JavaScript
Develop dynamic and interactive web applications using JavaScript. Learn core programming concepts, including variables, functions, loops, conditionals, and data structures, to create features such as form validation, interactive components, and real-time user interactions.
DOM Manipulation and Event Handling
Gain hands-on experience working with the Document Object Model (DOM) to update, create, and manage web page content dynamically. Use event handling and JavaScript logic to build responsive user interfaces that react seamlessly to user actions.
UI/UX, Accessibility, and Performance Optimization
Create websites that are user-friendly, accessible, and high-performing. Explore UI/UX fundamentals, accessibility standards, SEO best practices, and performance optimization techniques to enhance usability, search visibility, and page speed.
Course timeline
Day 1
Session 1: Introduction to HTML & CSS
- Development environment setup and web fundamentals
- HTML structure, elements, tags, and attributes
- Mobile-first development concepts
- CSS basics: selectors, properties, and styling
- Chrome Developer Tools and website publishing
Session 2: Text Elements
- Headings, paragraphs, and text formatting
- CSS values, units, and web fonts
- Creating and styling ordered and unordered lists
Session 3: Hyperlinks
- Creating hyperlinks and managing URLs
- Relative and absolute paths
- Document fragments and email links
- Link styling techniques
Session 4: Advanced CSS Selectors
- Type, class, ID, and attribute selectors
- Pseudo-classes and pseudo-elements
- Combinators and selector groups
- CSS cascade, specificity, inheritance, and at-rules
Day 2
Session 5: Structuring Content
- Block and inline elements
- The CSS box model and box styling
- Semantic HTML elements
- Line breaks and horizontal rules
- Introduction to CSS Grid layouts
Session 6: Multimedia and Embedding
- Working with images, backgrounds, and SVGs
- Video, audio, and media formats
- Figures, captions, and icons
- Embedding external content using iframes and other methods
Session 7: Tables
- Creating table rows, cells, and headers
- Cell spanning, column groups, and captions
- Semantic table markup
- Table styling techniques
Session 8: Forms
- Building and styling web forms
- Labels, inputs, buttons, and dropdowns
- Form field grouping and validation attributes
- Submitting data to servers
- Progress bars and advanced form controls
Day 3
Session 9: Advanced Layout Techniques
- CSS positioning, floats, Flexbox, and Grid
- Responsive design principles
- Media and feature queries
- Responsive media and modern layout patterns
Session 10: Advanced CSS Styling
- Rounded corners, gradients, and backgrounds
- Shadows and text effects
- CSS transforms, transitions, and animations
- Modern visual styling techniques
Session 11: CSS Frameworks and Preprocessors
- Overview of CSS frameworks and their benefits
- Popular framework options
- CSS preprocessors and key features
- CSS variables and modern styling workflows
Session 12: UI/UX, SEO, and Performance Optimization
- UI/UX design principles and best practices
- SEO fundamentals and essential HTML tags
- Website optimization for speed and performance
- Enhancing user experience and search visibility
Day 4
Session 13: Introduction to JavaScript
- JavaScript fundamentals and development setup
- Integrating JavaScript with HTML
- Browser JavaScript vs. Node.js
- Syntax, comments, and deployment basics
Session 14: Values, Variables, and Data Types
- Variables with var, let, and const
- Numbers, strings, booleans, arrays, and objects
- Dynamic typing and type conversion
- Arithmetic operations and template literals
Session 15: Functions
- Function declarations, expressions, and arrow functions
- Parameters, return values, and default arguments
- Function scope and invocation
- Working with built-in functions
Session 16: Program Flow and Logic
- Operators and comparison techniques
- Truthy and falsy values
- Conditional statements and loops
- Error handling and debugging fundamentals
Day 5
Session 17: Working with Objects
- Understanding object structures and properties
- Accessing data using dot and bracket notation
- Creating and using object methods
- Working with the this keyword
- Iterating through object properties
- Exploring built-in Object, Array, and String methods
Session 18: DOM Access and Manipulation
- Understanding the Document Object Model (DOM)
- Selecting and referencing HTML elements
- Working with DOM data types
- Modifying page content and attributes
- Creating, inserting, and removing elements dynamically
Session 19: Event-Driven Programming
- Understanding browser events and event flow
- Registering and managing event listeners
- Handling user interactions with the event object
- Building responsive and interactive web experiences
Session 20: Browser APIs and Web Features
- Introduction to APIs and browser-provided functionality
- Working with Date, Math, RegExp, and JSON objects
- Using client-side storage and geolocation services
- Accessing additional browser APIs to enhance web applications
Who Should Enroll in this Program?
Aspiring Front-End Developers seeking a structured entry into web development
Junior Developers looking to strengthen their HTML, CSS, and JavaScript skills
Software Developers who want to expand into front-end technologies
UI/UX Designers who wish to understand and implement their designs in code
Entrepreneurs who want to create and manage modern websites independently
Prerequisites
Basic understanding of programming principles is recommended. We suggest starting with our Introduction to Programming – JavaScript course if you're new to coding.
Statements
Licensing and accreditation
The course is offered according to Partner Program Agreement and complies with the License Agreement requirements.
Equity Policy
Candidates are encouraged to reach out to AVC for guidance and support throughout the accommodation process.
Frequently Asked Question
Need corporate solutions or LMS integration?
Didn't find the course or program which would work for your business? Need LMS integration? Write us, we will solve everything!