Web UI development basics

Web programming, or web development, covers the processes of creating web projects and applications: design and layout of pages, work with the server and client parts. We encounter the results of such work every day: these are the social networks we are used to, e-commerce sites like Amazon, as well as various business and corporate websites.

The course is designed for beginners in IT who have no previous experience or even basic knowledge. It’s quite possible to understand web programming: it’s been proven by the experience of previous course participants!

COURSE PROGRAM

  • Introduction
  • What is web development?
  • Front-end and back-end – what’s the difference?
  • Static and dynamic websites
  • The process of web development
  • Responsibilities and tasks of a front-end developer
  • How the Internet and web browsers work
  • What is the WWW?
  • Browsers, what is the difference between them?
  • How does a browser work?
  • What happens when a user enters an address in the address bar?
  • Development environments
  • General overview of editors and what they are for
  • Online editors
  • Offline editors
  • HTML/CSS validators
  • HTML
  • General overview of HTML
  • The backbone of an HTML document
  • Basic tags
  • Block and linear elements
  • Semantics. HTML5 elements
  • Formatting the text
  • Working with lists
  • Working with hyperlinks
  • Working with images
  • Tables
  • CSS
  • What is CSS for?
  • The syntax
  • CSS connection options
  • The order of application of styles
  • Selectors, the importance of selectors
  • Grouping selectors
  • Short entry
  • Relative values in CSS
  • Box model
  • Inheritance
  • Positioning
  • The correct order of assigning styles
  • Flexbox
  • Properties of the container
  • Properties of child elements
  • Javascript – Introduction
  • About Javascript. Javascript is not Java
  • Scope of Javascript
  • What Javascript can do
  • What Javascript can’t do
  • Brief history
  • Connecting JS
  • Front-end and back-end Javascript
  • Javascript – Variables, data types, arrays
  • Javascript – Arithmetic and assignment, user interaction
  • Javascript – Conditions, Switch, loops
  • Functions, scope
  • DOM, Document object model
  • Events
  • Web Development Tools