Learning Hub > Computer Engineering

Introduction to UI Development

Start the journey of FrontEnd Development by upskilling with UI Development. Get Certified with YourEngineer and Earn a Badge by passing Skill Quiz.

★★★★★ 4.8 3954 ratings

Price: ₹0/- ₹1000/-
Start Learning
20,962 already enrolled
UI Cover

What will you learn

  • Creating a Web page using HTML elements like table, header, footer, audio, video etc.
  • Basics of UI Development its origin and progress. Roadmap required for UI Development
  • Making a layout of your page and make it responsive by using Media queries.
  • Styling a webpage using CSS classes and selectors. Use advance CSS to make your styling more dynamic.
  • Shareable Badge and Certificate
  • Beginner
  • 5 Hrs to complete
  • Computer Science

Basics of UI

Building a User Interface at a beginner level requires the knowledge of HTML and CSS. In this course, we are covering HTML/CSS Codeblocks and Techniques to build UI. No Prior Knowledge required

Certification and Badge

After completion of the course and all the quizzes, you will be awarded with a professional certificate and a shareable badge; also get access to our job section where you can find suitable job.

Start Learning
html

Topics covered in HTML and CSS course

  • Introduction to UI Development
  • Tools required in UI development
  • Roadmap for UI Development
  • Introduction to HTML
  • Basic structure of HTML page
  • Forms in HTML
  • Input and Label element in HTML
  • Table in HTML
  • Anchor Element in HTML
  • Adding Multimedia as Image, audio, video through HTML
  • List Element in HTML
  • Units in CSS
  • Character Entities
  • Semantic HTML
  • Introduction to CSS
  • CSS Selectors and Types
  • Pseudo Classes and Elements
  • Box Model in CSS (Margin and Padding)
  • CSS Positioning
  • Flexbox in CSS
  • CSS Grids
  • Transformatios and Transiions in CSS
  • Animation in CSS
  • Media Queries in CSS

Course Outcome

By the end of this course you will be able to 

  • Create an interactive webpage with HTML and CSS
  • Give responsiveness to any application using Media query.
  • Put animation and transformation in website.
  • Crack any interview based on HTML and CSS
Start Learning

Still in Doubt?  Talk to us. File:WhatsApp.svg - Wikipedia