UI/UX Design Training by Experts

;

Our Training Process

UI/UX Design - Syllabus, Fees & Duration

Figma Syllabus (15 Hours)

      Module 1: Figma Fundamentals (3 Hours)

        Introduction to Figma

      • Understanding the Figma interface and tools.
      • Layers, frames, and pages.
      • Shapes, text, and alignment.

        Design Basics

      • Color theory and typography basics.
      • Grids and layout principles.
      Module 2: Prototyping with Figma (3 Hours)

        Wireframing Basics

      • Creating low-fidelity wireframes for mobile and web apps.

        Prototyping Features

      • Adding interactions and transitions.
      • Clickable prototypes for user testing.
      Module 3: Mobile App Design Project (4 Hours)

        Designing a Mobile App

      • Screens for a sample app (e.g., task manager or food delivery).
      • Login, home, and profile pages.

        Components and Variants

      • Reusable buttons, icons, and cards.
      • Typography and color styles.

        Prototyping and Feedback

      • Linking screens and testing navigation.
      Module 4: Web App Design Project (5 Hours)

        Designing a Web App

      • Landing page, login screen, and dashboard for a web app.
      • Auto-layout for responsive designs.

        Final Prototype

      • Responsive breakpoints for desktop, tablet, and mobile.
      • Functional prototype with interactions.
    Web Development Syllabus (15 Hours)
      Module 1: HTML, CSS, and Bootstrap Basics (5 Hours)

        HTML Fundamentals (2 Hours)

      • Structuring web pages (header, footer, sections).
      • Essential tags: headings, lists, images, and links tables etc..

        CSS Basics (2 Hours)

      • Styling text and layout using CSS.
      • Box model, positioning, and Flexbox basics.

        Bootstrap Basics (1 Hour)

      • Setting up Bootstrap in a project.
      • Grid system and responsive layouts.
      • Common components: navbar, buttons, and cards.
      Module 2: Responsive Landing Page Conversion (5 Hours)

        Figma to Code Workflow (2 Hours)

      • Importing Figma designs for reference.
      • Structuring HTML and CSS with Bootstrap.

        Responsive Design (3 Hours)

      • Using media queries and Bootstrap utilities.
      • Creating a responsive navigation bar and hero section.
      • Ensuring design consistency with the Figma prototype.
      Module 3: Interactivity with JavaScript & Advanced Bootstrap (3 Hours)

        JavaScript Basics

      • Adding interactivity with JavaScript (e.g., form validation).
      • Bootstrap JavaScript components: modals, dropdowns, and carousels.

        CSS Animations & Transitions

      • Enhancing visuals with hover effects and animations.
      Module 4: Final Project and Deployment (2 Hours)

        Final Project: Responsive Landing Page

      • Convert a complete Figma design into a functional landing page.
      • Use Bootstrap and JavaScript for responsiveness and interactivity.

        Hosting and Deployment

      • Publish the project online using GitHub Pages or Netlify.
      Deliverables

        Figma:

      • Prototyped mobile app and web app designs.

        Web Development:

      • Fully responsive landing page with Bootstrap and interactivity.
      • Hosted live project link.

Download Syllabus - UI/UX Design
This syllabus is not final and can be customized as per needs/updates
 
10000+
20+
50+
25+

UI/UX Design Jobs in Al Rayyan

Enjoy the demand

Find jobs related to UI/UX Design in search engines (Google, Bing, Yahoo) and recruitment websites (monsterindia, placementindia, naukri, jobsNEAR.in, indeed.co.in, shine.com etc.) based in Al Rayyan, chennai and europe countries. You can find many jobs for freshers related to the job positions in Al Rayyan.

  • ui designer
  • ux designer
  • ui/ux designer
  • ui/ux developer
  • graphic designer
  • multimedia creator
  • photoshop
  • adobe illustrator
  • web design
  • html developer

UI/UX Design Internship/Course Details

UI/UX Design internship jobs in Al Rayyan
UI/UX Design The most recent unleash is compatible with each raincoat OS and Windows operating systems, permitting users to create the same workflow irrespective of what variety of computer they are using. CSS is currently the only standard in website design that plugs directly into your HTML, even the latest HTML5 standards. concepts such as clusters, variables, operators, functions, and control structure in JavaScript Demonstrable knowledge of Functions - Passing the data to functions, JavaScript Function Syntax, Concise Body syntax, Return Keyword, and ES6 arrow functions basics of jQuery that assist you to boost your skills in Scriptwriting. Literally, you'll create anything with Adobe Photoshop software. Get acquainted with the JavaScript Libraries solid understanding of Conditionals - else, if, if-else, ternary syntax, and switch for controlling the flow of the program in the Javascript. This course is for intermediate users that need to learn more advanced tools in InDesign. . Files created in Adobe Photoshop can be easily transferred between totally different programs via creative Suite. Our JavaScript training course inDubai includes all the core Core topics such as Data Types, Object-oriented concepts, Variables, Functions, Conditions, HTML, CSS3, Loops, Syntax, and DOM Scripting under the training of Expert JavaScript professionals . Anatomy of a CSS ruleset Selecting multiple elements Different types of a selector Fonts and text Boxes, boxes, it’s all about boxes Changing the page color Sorting the body out Positioning and styling our main page title Centering the image Backgrounds and Borders Image values and replaced Content Text Effects 2D/3D Transformations Animations Multiple Column Layout User Interface .

Meet a Few of our Industry Experts 🚀 Your Pathway to IT Career

Talla

Mobile: +91 89210 61945
Location: Hyderabad, Online (Al Rayyan)
Qualification: Mba

Experience: Proficient in conducting keywordresearch competitor analysis optimizing website seo analysis and audits using tools like google analytics semrush and other  more..

Aiswarya

Mobile: +91 91884 77559
Location: Kannur, Online (Al Rayyan)
Qualification: B-tech

Experience: html css javascript react  more..

Shawn

Mobile: +91 91884 77559
Location: Karnataka, Online (Al Rayyan)
Qualification: B.E

Experience: Manual testing Automation Testing Api testing Database testing Mobile testing Web app testing  more..

Mrunali

Mobile: +91 94975 90866
Location: Pube, Online (Al Rayyan)
Qualification: MCA

Experience: 3 2 years of experience in manual as well as Automation Testing load testing with jmeter knowledge of bdd framework  more..

Mohammed

Mobile: +91 8301010866
Location: Tamil Nadu, Online (Al Rayyan)
Qualification: M. A. Islamic studies

Experience: SKILLS • Canva • Macros • Microsoft Office • Autocrat • ChatGPT • Sap ERP EXPERIENCE Arabic Language Expert Mar  more..

Athira

Mobile: +91 91884 77559
Location: Kerala, Online (Al Rayyan)
Qualification: mtech

Experience: ccna ccnp trainer python trainer  more..

Dolly

Mobile: +91 9895490866
Location: Uttar Pradesh, Online (Al Rayyan)
Qualification: Diploma(IT)

Experience: I have 2 5 experience in IT industry in asp net c# ajax jQuery css HTML and SQL server  more..

Sukhwinder

Mobile: +91 94975 90866
Location: Chandigarh, Online (Al Rayyan)
Qualification: MSC IT

Experience: Seo on page off page google analytics Google excell power points Google ads ppc graphic designing and well as video  more..

Priyanka

Mobile: +91 98474 90866
Location: Trivandrum, Online (Al Rayyan)
Qualification: B. Tech

Experience: Respected sir Iam Priyanka k an DIPLOMA WITH B-TECH GRADUATE in Applied electronics and instrumentation engineering I have completed software  more..

Dhivya

Mobile: +91 91884 77559
Location: Tamil Nadu, Online (Al Rayyan)
Qualification: B.E computer science

Experience: AWS services Devops terraform Jenkins docker and docker hub GIt and GitHub Ansible python Linux windows shell scripting  more..

R.Jeniha

Mobile: +91 98474 90866
Location: Tamil Nadu, Online (Al Rayyan)
Qualification: B.sc computer science

Experience: 4 years of experience Proficient in figma Certified in web design   more..

Thomaskutty

Mobile: +91 94975 90866
Location: kochi, Online (Al Rayyan)
Qualification: ba

Experience: interior design driving sal3s  more..

Anish

Mobile: +91 9895490866
Location: Kochi, Online (Al Rayyan)
Qualification: MCA

Experience: Software development Html Css Python   more..

Pravat

Mobile: +91 98474 90866
Location: Banglore , Online (Al Rayyan)
Qualification: Btech

Experience: 2+ of experience in website designing Using HTML5 CSS3 Bootstrap 5 JavaScript wordpress React MySQL   more..

Ragithu

Mobile: +91 9895490866
Location: Andhra Pradesh, Online (Al Rayyan)
Qualification: Btech it

Experience: My skills are c java oracle autocad google maps I am having more than 9 years experience in gis Due  more..

George

Mobile: +91 94975 90866
Location: Kanjirapally,Kottayam , Online (Al Rayyan)
Qualification: BCA

Experience: Software testing automation and manual Jira postman qtp selenium web driver java Jmeter MySQL   more..

Sai

Mobile: +91 9895490866
Location: Hyderabad, Online (Al Rayyan)
Qualification: B tec

Experience: I have 4 yrs of experience in testing manual & automation  more..

Karuppasamy

Mobile: +91 9895490866
Location: Madurai, Online (Al Rayyan)
Qualification: B.Tech.,IT

Experience: Odoo 11 12 14 python xml NodeJS Postgresql  more..

Success Stories

The enviable salary packages and track record of our previous students are the proof of our excellence. Please go through our students' reviews about our training methods and faculty and compare it to the recorded video classes that most of the other institutes offer. See for yourself how TechnoMaster is truly unique.

Photos of Training / Internships

Internship/projects in al-rayyan
Internship/projects in al-rayyan
Internship/projects in al-rayyan
Internship/projects in al-rayyan
Internship/projects in al-rayyan
Internship/projects in al-rayyan
Internship/projects in al-rayyan
Internship/projects in al-rayyan
Internship/projects in al-rayyan
Internship/projects in al-rayyan
Internship/projects in al-rayyan
Internship/projects in al-rayyan

Trained more than 10000+ students who trust Nestsoft TechnoMaster

Get Your Personal Trainer