Class Web Interface Development

This course provides comprehensive training in front-end development, covering HTML, CSS, JavaScript, React, and Next.js. It integrates professional practices, including Git Flow, GitHub, Codespaces, GitHub Pages, and Vercel, enabling students to gain skills in collaborative and production environments. The course aims to develop both technical proficiency and creativity, encouraging the creation of efficient, functional applications with a strong user experience. This training prepares students to tackle real-world challenges in business projects, promoting the use of modern tools and methodologies essential for any IT professional.

Not applicable

Module 1: The Web and its Paradigms How the Web Works: IP, HTTP, client-server Overview of Web technologies, paradigms, and design patterns Module 2: HTML and CSS for Web Page Design HTML and its elements for structuring multimedia content Forms for data submission HTML5 and semantic elements CSS and its selectors for content styling CSS properties Dynamic layouts with CSS Flexbox and CSS Grid Responsive design with media queries CSS effects and animations Principles of Web Design Module 3: JavaScript for Front-End Programming Introduction to JavaScript Event-Driven Programming Manipulating DOM elements Content behavior Data attributes, Local Storage, Cookies AJAX Interaction with REST APIs Single Page Applications Module 4: React and Next.js Components and JSX State management and Context API Routing and rendering with Next.js Data fetching and API routes Styling and responsive design

Project documentation in GitBooks, ensuring organization and continuous access. Use of the Git Flow methodology for collaborative practices and version control. Development on GitHub with Codespaces, simulating real programming environments. Deployment of applications on GitHub Pages and Vercel, covering the full software lifecycle. Live coding in lectures to demonstrate best practices and problem-solving strategies. Group exercises to promote interaction, idea sharing, and collaborative skills.

J. Meloni and J. Kytnin, “HTML, CSS, and JavaScript All in One”, Sams Publishing, 2018 B, Frain, “Responsive Web Design with HTML5 and CSS by Ben Frain”, 3rd Ed., Packt Publishing, 2022 M. Riva, ”Real World Next.JS”, Packt Publishing, 2022 F. Portela, R. Queirós, “Introdução ao desenvolvimento moderno para a Web”, FCA, 2018