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.