Frontend Development and Web Design (UX/UI) with HTML5 and CSS3

IT spetsialistileTarkvaraarendus

This course provides an introduction to HTML5 and CSS3 to help students gain basic programming skills. We will focus on using HTML5/CSS3 to implement programming logic, define and use variables, develop user interfaces, capture and validate user input, and create well-structured application.

This course helps students to use Interaction design methodologies to make a responsive web application and enhance the user experience.

The goal of the course is for the participant to gain a strong foundation for frontend web development and User Interface design.

After finishing this course student has the ability to:

  • Use HTML5 to create and run a Web application.
  • Describe the new features of HTML5, and create and style HTML5 pages.
  • Create HTML5 forms by using different input types, and validate user input by using HTML5 attributes.
  • Style/Design HTML5 pages by using CSS3.
  • Create HTML5 Web pages that can adapt to different devices and form factors.
  • Enhance the user experience (UX) by improving the responsiveness of a Web application

Professional developers and non-proffesionals are equaly welcomed to take part of the cource. Some recommendation of previous experience:

  • Professional developers who have 4-9 month of programming experience and are interested in developing web applications using HTML5 and CSS3.
  • Non-professionals with 1-3 month experience in creating web applications.
  • People without a developer background who are interested in creating web applications.
  • Junior frontend/software developers and other who are willing to make a rich website in terms of design and developments

See the web portfolio of lecturer here: Amir Zare Pashaei

Investeering: 599,00 € + km
Lektor: Amir Zare Pashaei
Päevade arv: 3
Tundide arv: 24 akadeemilist tundi

Sihtgrupp:Professional developers, but also non-professionals - see the more detailed target group description above.


Day 1: HTML5

  • Overview & Fundamentals of HTML
  • Metadata and document head
  • Texts
  • Images
  • Hyperlinks
  • Lists
  • HTML semantics
  • Audio, video and other objects
  • HTML5 data elements
  • Document outlines
  • Tables
  • Frames
  • Forms

Day2: CSS3

  • CSS status
  • Using CSS
  • CSS syntax
  • Formatting text
  • Formatting images
  • Using colors and backgrounds
  • Creating borders
  • Formatting links
  • Positioning

Day3: UX/UI design

  • Responsive web design
  • Layout types
  • Fix design
  • Fluid design
  • Responsive design
  • Grid-based layout
  • Media query
  • Introducing CSS frameworks and Grids
  • Choosing a framework (Bootstrap)
  • Setting up a framework (Bootstrap)
  • Building a framework-based webpage (Bootstrap)
  • Building a Grid-based layout

Price includes coffee breaks and lunhces in  restoran "Lusikas".


Learning methods: Practical exercise, independent work.

Assesment methods: Execution of independent work.

Assesment form: Independent practical tasks on relevant topics.

Registreeri koolitusele Küsi lisa