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

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

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

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

Learning methods: Practical exercise, independent work.

Assesment methods: Execution of independent work.

Assesment form: Independent practical tasks on relevant topics.

Price includes coffee breaks and lunches in Restaurant “Lusikas”.

 

See the web portfolio of lecturer here: Amir Zare Pashaei

Tähelepanu! Teie veebilehtiseja ei vasta kodulehe külastamiseks vajalikele nõuetele. Palun vahetage veebilehitsejat või seadet, millega te veebilehte sirvite.

Attention! Teie veebilehtiseja ei vasta kodulehe külastamiseks vajalikele nõuetele. Palun vahetage veebilehitsejat või seadet, millega te veebilehte sirvite.

Внимание! Teie veebilehtiseja ei vasta kodulehe külastamiseks vajalikele nõuetele. Palun vahetage veebilehitsejat või seadet, millega te veebilehte sirvite.