Home / FACULTAD DE PROGRAMACIÓN Y DESARROLLO DE SOFTWARE / Web Design and Development Course

Web Design and Development Course

Include free content with your subscription

Request Free Information

I agree with the Privacy Policy.

About this course

This course in Web Design and Development is aimed at students and professionals who wish to improve their skills in usability, user experience and interface design. No previous programming experience is required, as the course covers the fundam...

University degree

200 h

Online

8 ECTS (Créditos)

Qualification of Web Design and Development Course

University Degree in Web Design and Development with 200 hours and 8 ECTS credits by the Catholic University of Murcia.

Video of university students giving their opinion of Universidad Católica San Antonio de Murcia

This training includes free content with your Educa University subscription.

Not a subscriber yet? At Educa University, we respond nimbly to the educational needs of a digitalised and constantly changing world. We are leaders in the development of educational programmes and AI tools, with partnerships with prestigious universities in Europe, the United States and Latin America.

Subscribe now

Objectives

Understand the key concepts of usability and apply them to web design.

Master the principles of user experience (UX) and its role in the creation process.

Design effective and optimized user interfaces (UI) using appropriate tools and techniques.

Use the basic elements of web design, such as typography, color, icons and images, to create attractive sites.

Apply the most current digital guidelines and trends in web design and development.

Use Git as a version control system to manage web development projects.

Content

UNIT 1. INTRODUCTION TO USABILITY

Introduction
Usability
What is UI vs UX - user interface vs User Experience
Attributes
Complexity and importance of usability
Usability priority pyramid
Usability improvements to the final product
Processes and tools

UNIT DIDACTIC 2. USER EXPERIENCE -UX

Definition of User Experience
Principles of User Experience
The role of the UX designer in the creation process
Stages of UX design
Techniques for UX design
UX tools

UNIT 3. USER INTERFACE -UI

Definition of User Interface - UI
User Interface Elements
Optimizing User Interfaces
Tools for UI design
Insight-driven design
Fundamentals of interaction design
Moodboards
What is IxD

UNIT DIDACTIC 4. INTRODUCTION TO WEB DESIGN

Brief history of design
Communication and advertising
Theory of perception
Basic elements involved in design
Composition
Phases of design
Digital design

UNIT 5. BASIC ELEMENTS FOR WEB DESIGN

Typography
Color
Icons
Shapes
Images
Audiovisual content
Effects (shadows, D, flat and others)

UNIT 6. DIGITAL GUIDELINES AND TRENDS

Style Guides
Advantages and Disadvantages
Apple IOS Human Interface Guidelines
Google Material Design
Digital Trends
UX/UI Design Trends

UNIT DIDACTIC 7. VERSION MANAGEMENT: GIT

What is version control?
What is GIT?
Why GIT?
Installing GIT
GitHub and its relationship to GIT
Workflow in GIT (Workflow)
Creating a repository
File changes
Undo changes
Synchronize repositories
Rewrite history

UNIT DIDACTIC 8. HTML LANGUAGE

Texts in HTML
Links
Lists in HTML
Images and Objects
Tables
Forms
Frames
Structures and layout
Other tags

UNIT DIDACTIC 9. CSS STYLE SHEETS

Style Sheets
History of CSS
Adding styles
CSS support in browsers
Official specification
Basic CSS operation
How to include CSS on the web?
CSS Media
Comments
Definition syntax
Box model
Margin, padding, borders and box model
Positioning and display
Positioning
Display

UNIT DIDACTIC 10. JAVASCRIPT

Introduction to JavaScript
Programming Fundamentals
Objects and Arrays in JavaScript
The location and history objects
The document object
The form object
Document Object Model (DOM)
Manipulating the DOM
Best practices

UNIT DIDACTIC 11. BACKEND WITH PHP AND MYSQL

PHP work environment
Download and install XAMPP
How do PHP pages work?
PHP tags
Arrays
Repeating structures
Decision structures
Combining structures
The foreach loop
Functions
Object-oriented programming
MySQL
Types of tables in MySQL
Creating databases and tables
SQL
Accessing the database

UNIT 12. FRAMEWORKS AND WEB ENVIRONMENTS.

Angular
Symfony
Node.js
React

Methodology

Entre el material entregado en este curso se adjunta un documento llamado Guía del Alumno dónde aparece un horario de tutorías telefónicas y una dirección de e-mail dónde podrá enviar sus consultas, dudas y ejercicios. La metodología a seguir es ir avanzando a lo largo del itinerario de aprendizaje online, que cuenta con una serie de temas y ejercicios. Para su evaluación, el alumno/a deberá completar todos los ejercicios propuestos en el curso. La titulación será remitida al alumno/a por correo una vez se haya comprobado que ha completado el itinerario de aprendizaje satisfactoriamente.

What does it prepare you for?

This course in Web Design and Development prepares you to design effective user interfaces, optimize the usability of websites and create engaging user experiences. You will learn to use the main UX/UI design tools and techniques, as well as HTML, CSS and JavaScript programming languages. In addition, you will learn the backend using PHP and MySQL, and the most relevant web frameworks and environments.

Who is it aimed at?

Career opportunities

Upon completion of this Web Design and Development Course, you will be able to work as a web designer, front-end developer, usability and user experience specialist, or even start your own freelance business. In addition, you will be able to work in design agencies, software development companies, digital marketing departments and other companies.