360 Hours (6 Months)

The content of this program is indicative, and it may vary for reasons of updating or modifying the contents.

goals

Web design, as you know, is one of the most demanded professions in the world. And it is that any company in which you are going to work, or with which you are going to start, will need a web page to show its offer of services or products. This is where the work of a person who masters the knowledge of the world of web design and development becomes important. In this master, which consists of two modules, the student will learn the bases of the most used programming languages in the world (HTML5 and CSS3) and also about the most used content manager today, Wordpress.

In the first module, we will work on the basis of programming, specifically with the HTML5 and CSS3 languages that come to mean what we could call the skeleton of every website. Correct training in these languages will allow the student to face any type of project with a solid foundation. We work on the structure of the sites and the correct way to arrange the information for the user so that navigation is easy, intuitive and attractive. Also to achieve that desired aesthetic, the insertion of multimedia content in all its formats (video, sounds, images) is worked, as well as the adaptation of the webs for all the devices from which the Internet is accessed today. It is what we call a website with responsive or adaptive design, which adapts perfectly to any device and screen size. In the last part of the first module, the student is introduced to the use of simple plugins with JavaScript / jQuery, with real practical examples.

In the second master's module, the student learns to master content management through WordPress, a powerful open source CMS that is used by an endless number of web pages today thanks to its intuitive design for the administrator and its extensive possibilities for the user. Work will be done on the creation and installation of themes, the correct configuration of the platform and the installation of useful plugins, the development of websites from blank themes (and not with templates), etc., which help to increase the functionality of the sites and turn any website you can imagine into reality.

information

• Plain text editor specialized in web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
• HTML5 / CSS3
• Mobile-first Indexing. Bootstrap
• SEO web positioning. Accessibility and usability
• JavaScript
• jQuery
• WordPress web design
• Web Conceptualization and Sketch
• Quote and web planning
• Web development and optimization in WordPress

Duration

360 Hours Total

• In person or Online
• 280 Hours of Classes
• Monday to Thursday (+ some Friday)
• 80 Hours Final Projects

Schedule

Mornings

• 09.00 - 12.00 hours
• 12.00 - 15.00 hours

Afternoons

• 16.00 - 19.00 hours
• 19.00 - 22.00 hours

Official

• Our school is one of the five Adobe Authorized Training Centers in Spain . This fact shows that CEI has fulfilled all the requirements that Adobe requests and, likewise, constitutes a guarantee of quality for all our students.
• CEI is an Apple Authorized Training Center . Therefore, our students will be able to obtain the Apple Professional Certification and advance their careers in design and information technologies, business environments and B2B markets.
• IBM trusts us and for this reason they have awarded us the IBM Education Partner badge. This seal rewards schools that maintain and promote quality training.
• Our school is consolidated as the Maxon Training Center of reference in Spain and we became the 1st school in Europe to be Maxon Training Provider for R18 .

Web Design module with HTML5, CSS3 and Javascript

01- Web Design, HTML5 AND CSS3

Introduction to the use of computer equipment

Operating systems:

• Windows
• Mac
• Linux

Software installation and management:

• Browsers
• Text editors

File system and folders

• Create files and folders
• Organization of web projects
• Absolute, relative, and URL paths

Web browsing

Principles in Network Administration

Client-server architecture

Servers and protocols

• SSL certificates
• HTTP / HTTPS
• FTP / SFTP / FTPS

Client team

Introduction to routers and switches

DNS (domains and IPs)

• Public IP
• Local IP
• Domain names

Hosting, housing & CPD

Basic principles for creating static websites

• Languages used (HTML5 and CSS3)
• Code execution flow
• Visual structure of a website

Principles of usability and accessibility

Prototyping of a website (UX / UI)

• User Interface (Marvel)
• User Experience (InVision)

HTML5

• Tags and attributes
• Semantics and usage
• HTML5 document standard and structure
• Comments
• Paragraphs, headlines and text formats
• Multimedia (Images, Audio and Video)
• Links and buttons
• Lists
• Boards
• Forms
• iFrames
• Meta tags
• Favicom

CSS3

Link CSS

Selectors and pseudo-selectors

Attributes

• Colors
• Money
• Format and transformation of texts
• Height, wide
• Edges
• Margins
• Fillings
• Positions
• Alignment
• Shaded and gradients
• Opacity
• Transformations
• Filters

Pseudoclasses (active, hover, checked, first-child, last-child, nth-child)

Pseudoelements (after, before)

Font import and implementation (media and font-face)

Icon import and implementation (fonts and SVG)

CSS variables

CSS animations (keyframes)

Mobile-first Indexing

• General structures (Floats)
• Simple Structures (Flexbox)
• Complex Structures (CSS Grid)

Frameworks and APIs

• Bootstrap 4
• Materialize
• Material Design

Internet

• Create a domain
• Creating a web hosting
• Connection and upload of a website to the server

SEO

• Link web with Google Search Console
• Canonical link implementation

02- Web Development (Front-End)

JavaScript

• Introduction to front-end programming
• JavaScript. General syntax
• Include JavaScript in HTML documents
• JavaScript in attachments
• JavaScript inside HTML code
• JavaScript. Variables and operators
• Local variables and global variables
• Numerical variables
• Methods for numeric variables
• Assignment operators
• Increment and decrement operators
• Mathematical operators
• Text strings (strings)
• Methods for text strings
• Undefined variables
• NULL variables
• NaN variables
• Logical operators in JavaScript
• Relational operators

jQuery

• Introduction to Jquery
• Steps to use jQuery
• First script with jQuery
• JQuery Basics: Adding and Removing CSS Classes
• JQuery basics: show and hide page elements
• JQuery Basics: Quick Effects with jQuery
• JQuery Basics: jQuery function callback
• JQuery Basics: Using Basic Ajax with jQuery
• JQuery Basics: Ajax jQuery with load message