Logo de IMMUNE

UX Engineer/UI Developer Course

Live online classes
Septiembre 2024
7 hours/week - 12 weeks (80h.)
Monday and Wednesday 19:00 to 21:00. | Saturday from 10:00 to 13:00h. Live classes

This course focuses on training UX Engineers. The program is divided into two main parts: user interface (UI) design and front-end development. The first half of the course will immerse students in the fundamentals of UI design, from wireframing to prototyping and user testing. The second half of the course focuses on front-end development, where students learn how to implement their designs using technologies such as HTML, CSS, and JavaScript, as well as popular frameworks such as React. The course also explores advanced tools like Storybook to document and share UI components effectively.

More Info

o
Direct Enrollment
Academic Information

Why this course?

  • Mastering tools and technologies: These types of courses typically teach the use of specific tools and technologies which are fundamental to the work of a UX Engineer, including prototyping software, usability testing tools, interface design software, and other concepts. This course will enable you to master these technical tools in order to work efficiently and effectively.
  • Coding Skills: The work of a UX Engineer often entails the implementation of user interface designs. Consequently, these courses teach you the coding skills you need, including HTML, CSS, and JavaScript, so you can translate UX designs into functional and attractive user interfaces.
  • Integration with systems and platforms: Here you will learn how to integrate your UX designs with existing systems and platforms. This may include understanding APIs, adapting designs for mobile devices, and collaborating with development teams to ensure the user experience is consistent across different platforms.
  • Optimizing performance: UX engineering courses typically focus on optimizing the performance of user interfaces. You'll learn how to identify and resolve performance issues that can impact the user experience, such as slow loading of web pages or an unresponsive application.
  • For UX/UI designers, front-end developers, team leaders, and any professional interested in the merging of design and development. It is advisable to have basic knowledge of web design and development though not essential.
Course aims
  • Master UI and UX design techniques and tools.
  • Learn to implement user interfaces using modern technologies and frameworks.
  • Building and managing design systems.
  • Discover documentation and collaboration tools such as Storybook.
  • Develop skills to facilitate effective collaboration between design and development teams.
Professional competencies of the course

On completing the UX engineer course, students will be able to design user interfaces based on research and usability testing. They will become proficient in front-end technologies such as HTML, CSS, and JavaScript to implement high-fidelity designs. Participants will also learn how to use versioning tools such as Git and collaborate in Agile environments, ensuring that design solutions are effectively integrated into the product development cycle.

Methodology

  • Live classes
  • Practical tasks
  • Case studies and an end-of-course project integrating an entire process
  • End-of-course project covering all aspects of the course and weekly assessments to measure progress.
Outstanding Mentors

Mentors

Raúl Marín

UX/UI Design Area Director

Lorena Ramos

Accessibility Design Lead en NTT DATA Europe & Latam

Alejandro González

Freelance Software Engineer

*We are always on the lookout for the best professionals in the sector, so the team may vary from one edition of the course to another

Study Plan

Study Plan

Module 1: The Role of a UX Engineer/UI Developer
  • Explanation of the role: Differences and synergies between UI/UX Designers.
  • Research for UI: Benchmarking and testing.
  • Design trends: How to identify and apply current trends.
  • Mobile First vs Desktop First: Responsive design strategies.
Module 2: UI Design Fundamental Concepts
  • Color: Importance and application in UI.
  • Typography: Selection, combination and effective use.
  • Grids and Layouts: Principles of composition and structure.
  • Icons and Images: Selection and optimization for interfaces.
Module 3: Advanced Tools and Techniques
  • Flexbox vs CSS Grid: Practical use in real projects.
  • Design Systems 101: Creation and maintenance.
  • Figma and Handoff: Efficient transfer of designs to development.
  • Native patterns iOS, Android vs Web: Differences and best practices.
Module 4: Design Patterns & Best Practices
  • Navigation and menus: Efficient and accessible design.
  • Text input controls: UX improvements.
  • Selection controls: Use and applications.
  • Errors, searches and filters: Design to improve the experience.
  • Lists and tables: Data visualization
Module 5: Specialization in SaaS UX Design
  • SaaS design principles: Focus on usability and conversion.
Module 6: No-code Tools and Platforms for Designers:

Introduction to no-code tools, which enable the integration of APIs without having to write code, thereby enhancing the ability of designers to create prototypes and final products

Module 7: Front-end Development
  • CSS Grid and Flexbox: In-depth insight into positioning and layout techniques for responsive design.
  • Tailwind CSS: Introduction to the CSS framework for faster and more efficient development.
Module 8: Fundamental Programming for Designers
  • Introduction to DOM: How JavaScript interacts with the HTML structure to create dynamic sites.
  • API management: Use of APIs to enrich interfaces with dynamic and external data.
Module 9: Version Control and Collaboration
  • Git and GitHub: Fundamental concepts and practice for version control and collaborative work in design and development projects.
Module 10: Introduction to Accessibility
  • Accessible design fundamental concepts.
  • Accessible development: Implementing coding practices that improve accessibility, such as the use of semantic HTML.
  • WCAG Guidelines.
  • ARIA (Accessible Rich Internet Applications) roles.

Additional Module: Portfolio Creation: Effective Presentation of Projects.

*The academic program may be subject to changes in line with the changing demand for specific skills in the market. Your employability is our goal.
Our students are working in
The industry is on fire
+84% Improved Employment Status
+40 Monthly Job Offers
94,5% Employability
+4,7 Job Offers/Student
Employability
More Info

How can we help you?

I want to enroll!

Paseo de la Castellana 89, 28046 Madrid

hello@immune.institute
© IMMUNE Technology Institute. All rights reserved.
Programs
Students
Awards and recognitionspremio educacion en tecnologia e innovacionpremio educacion en tecnologia e innovacionlogo memberlogo premios excelencia educativalogo european excellence education
Logo GIMI instituteInnovation Catalyst
logo european excellence educationAcademic Partnerslogo asottechInternational partnerslogo sica
cross