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 Calgary

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 Calgary, chennai and europe countries. You can find many jobs for freshers related to the job positions in Calgary.

  • 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 Calgary
UI/UX Design . Our online training course in Dubai learn how a Vector application Creates shapes Composed of points, lines, and curves that are stored as mathematical instructions as opposed to a bitmap application, which creates shapes composed of pixel dots. You make changes to the files using Photoshop and directly use the outputs from that software. Using Adobe Photoshop can allow you to design and discover something you want. CSS is currently the only standard in website design that plugs directly into your HTML, even the latest HTML5 standards. There are numerous extra capabilities to be had to personalize the graphics being created via this system as well. We offer Adobe InDesign training online that will prepare you for the Adobe Certified skilled Exam. For editing images, various other online applications are available today, but photoshop is the foundation of everything. 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 . Most of graphic designers use photoshop for their professional work because photoshop is one of the most professional editing software available today.

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

Sumit

Mobile: +91 94975 90866
Location: Nainital, Online (Calgary)
Qualification: Btech

Experience: Looking for nodejs developer And working in flyweis technology for 1 5 years Proficient in using TWILIO to get otp  more..

Anurag

Mobile: +91 9895490866
Location: Kerala, Online (Calgary)
Qualification: Btech

Experience: Myself Anurag J Raj I am a 4th year undergraduate of Mechanical engineering studying in IIT KHARAGPUR I am an  more..

Muhammad

Mobile: +91 8301010866
Location: Kochi, Online (Calgary)
Qualification: Bachelor's

Experience: Android SDK Android Developer Kotlin programming language Mvvm architecture  more..

Kuldeep

Mobile: +91 9895490866
Location: Madhya Pradesh, Online (Calgary)
Qualification: Graduation

Experience: My name is Kuldeep Rathore I'm a React JS developer I've 2+ years of development Experience and have a strong  more..

Feba

Mobile: +91 8301010866
Location: Kollam, Online (Calgary)
Qualification: BCA

Experience: Java Python C C++ html php and now I am pursuing MCA  more..

Ammaneshwari

Mobile: +91 91884 77559
Location: Tambaram, Online (Calgary)
Qualification: B.E (CSE)

Experience: I am completed Java manual testing and automation testing with selenium course I have certificate   more..

Shubham

Mobile: +91 91884 77559
Location: ODISHA, Online (Calgary)
Qualification: Bse Graduate

Experience: I have total 3 year and 9 month of experience in both manual and automation testing   more..

Aarti

Mobile: +91 9895490866
Location: Maharashtra, Online (Calgary)
Qualification: BCA

Experience: I have 2 years of experience as a WordPress developer I have experience in UI Development like HTML CSS JS  more..

Mussá

Mobile: +91 94975 90866
Location: Almaty, Online (Calgary)
Qualification: Odoo developer

Experience: I have 9 months of professional development using Odoo framework I enhanced HR modules with custom functionalities   more..

Ganesh

Mobile: +91 8301010866
Location: Maharashtra, Online (Calgary)
Qualification: BE(computer science & engineering)

Experience: I am an  Android developer with a diverse portfolio that includes projects ranging from implementing PhonePe's payment gateway to creating  more..

Sandhya

Mobile: +91 91884 77559
Location: Maharashtra, Online (Calgary)
Qualification: BCA

Experience: My skills include React js JavaScript HTML CSS Bootstrap and I've built various projects like e-commerce social media apps React  more..

ASWIN

Mobile: +91 8301010866
Location: Palani, Online (Calgary)
Qualification: Bsc information technology

Experience: Manual testing Sql Java Selenium Cucumber TestNG Jira  more..

Aaryan

Mobile: +91 9895490866
Location: Delhi, Online (Calgary)
Qualification: Graduate

Experience: I specialise in Java python and DSA and on the development side I'm proficient in android development in Java flutter  more..

Jeyalakshmi

Mobile: +91 89210 61945
Location: Chennai, Online (Calgary)
Qualification: MBA

Experience: Totally 4 years of experience into software testing 2 5 years of experience in automation testing automating using selenium integrated  more..

shivani

Mobile: +91 8301010866
Location: Gujarat, Online (Calgary)
Qualification: MscIT

Experience: In total 4 years of experience as a developer 2 years as a dot net developer 2 years of Node  more..

Nitish

Mobile: +91 98474 90866
Location: Uttar Pradesh, Online (Calgary)
Qualification: Mca

Experience: I have 1 year experience in Android development I develop application in kotlin as well as java  more..

SUMI

Mobile: +91 94975 90866
Location: Kochi, Online (Calgary)
Qualification: Mtech

Experience: Fresher in testing field Completed software testing course(manual automation) and looking for testing related job  more..

Prashant

Mobile: +91 91884 77559
Location: Maharashtra, Online (Calgary)
Qualification: BE computer engineer

Experience: 1 year experience Api android ask FireBase SQLite  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 calgary
Internship/projects in calgary
Internship/projects in calgary
Internship/projects in calgary
Internship/projects in calgary
Internship/projects in calgary
Internship/projects in calgary
Internship/projects in calgary
Internship/projects in calgary
Internship/projects in calgary
Internship/projects in calgary
Internship/projects in calgary

Trained more than 10000+ students who trust Nestsoft TechnoMaster

Get Your Personal Trainer