Fortgeschrittener Master in Webdesign und -entwicklung (Full-Stack-Entwicklung)

Allgemeines

2 Standorte verfügbar
Lesen Sie mehr über diesen Studiengang auf der Website der Einrichtung

Beschreibung des Studiengangs

136329_pexels-photo-1779487.jpeg

540 Stunden

Der Inhalt dieses Programms ist indikativ und kann aus Gründen der Aktualisierung oder Änderung des Inhalts variieren.

Ziele

Denken Sie, Sie können Grafikdesign-Tools (Adobe Tools) beherrschen und gleichzeitig Ihre eigenen Designs in Webseiten verwandeln? Glücklicherweise oder unglücklicherweise ist dieses Profil in Unternehmen und Agenturen der Branche zunehmend gefragt. Manchmal reicht es nicht nur aus, ein guter Grafikdesigner oder Webentwickler zu sein, da viele Unternehmen ein Doppel- oder Mehrzweckprofil benötigen. In diesem Masterstudiengang lernen wir, die wichtigsten Werkzeuge des Grafikdesigns (Adobe Illustrator, Photoshop und Indesign) zu beherrschen. Außerdem wird der Student ein Full-Stack-Webentwickler, ein Programmierer mit einem sehr vollständigen technischen Profil, der so gut weiß, was Bezug auf Back-End als Bezug auf Front-End und zunehmend gefragt und in Unternehmen besser bewertet.

Zu diesem Zweck besteht dieser Master aus drei Modulen: Adobe Tools, Webdesign mit HTML5, CSS3, Javascript und jQuery sowie Full Stack Development mit den vorherigen Tools sowie PHP7 und SQL.

Im ersten Modul lernen die Studierenden den Umgang mit den wichtigsten Werkzeugen des Grafikdesigns. Wir beginnen mit dem Vektordesign (Adobe Illustrator), um mit der digitalen Bildverarbeitung (Adobe Photoshop) und dem redaktionellen Design (Adobe Indesign) fortzufahren. Nach Abschluss dieses Moduls kann der Schüler jedes erdenkliche grafische Interface-Design erstellen.

Im zweiten Modul lernt der Student alles, was mit Webstruktur (HTML5), Layout und visuellem Webdesign (CSS3) zu tun hat, und wir werden uns mit Webprogrammierung mit Javascript und jQuery befassen.

Im dritten Modul wird der Student ein vollständiger Webentwickler oder ein Full-Stack-Entwickler. Was bedeutet das? Dass der Schüler Anwendungen oder Webseiten sowohl auf der Clientseite (Front-End-Entwicklung) als auch auf der Serverseite (Back-End-Entwicklung) programmieren kann. Die Position eines Full-Stack-Entwicklers wird zunehmend von Unternehmen nachgefragt und ist daher eine der wirtschaftlich am besten bewerteten in unserem Arbeitssektor.

Informationen

  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe InDesign
  • Auf Web spezialisierter Nur-Text-Editor: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Mobile-First-Indizierung. Bootstrap
  • SEO Web Positionierung. Zugänglichkeit und Benutzerfreundlichkeit
  • JavaScript
  • jQuery
  • Komplexe variable und Flusskontrollstrukturen
  • Funktionen in JavaScript
  • Das DOM
  • Erweitertes JavaScript
  • AJAX in JavaScript
  • erweiterte jQuery
  • Erste Schritte mit PHP7
  • Datentypen in PHP7
  • Kontrollstrukturen in PHP7
  • Funktionen in PHP7
  • Sitzungen verwalten

Dauer

Insgesamt 540 Stunden

  • Persönlich oder online
  • 420 Stunden Unterricht
  • Montag bis Donnerstag (+ einige Freitag)
  • 120 Stunden Abschlussprojekte

Zeitplan

Morgen

  • 09.00 - 12.00 Uhr
  • 12.00 - 15.00 Uhr

Nachmittags

  • 16.00 - 19.00 Uhr
  • 19.00 - 22.00 Uhr

Preis

4.450 €

Überprüfen Sie aktuelle Angebote und Aktionen auf www.cei.es.

Offiziell

  • Unsere Schule ist eines der fünf von Adobe autorisierten Schulungszentren in Spanien . Diese Tatsache zeigt, dass CEI alle von Adobe geforderten Anforderungen erfüllt hat und ebenfalls eine Qualitätsgarantie für alle unsere Studenten darstellt.
  • CEI ist ein von Apple autorisiertes Schulungszentrum . Daher können unsere Studenten die Apple Professional-Zertifizierung erhalten und ihre Karriere in Design- und Informationstechnologien, Geschäftsumgebungen und B2B-Märkten vorantreiben.
  • IBM vertraut uns und hat uns aus diesem Grund das IBM Education Partner- Abzeichen verliehen. Dieses Siegel belohnt Schulen, die eine qualitativ hochwertige Ausbildung aufrechterhalten und fördern.
  • Unsere Schule ist als Referenzzentrum für Maxon-Schulungen in Spanien zusammengefasst und wir sind die erste Schule in Europa, die Maxon-Schulungsanbieter für R18 ist .

Grafikdesign-Modul (Adobe Tools)

01- Adobe Illustrator

  • Farbprofile und Modi
  • Arbeitsplatz
  • Grundformen
  • Auswahlwerkzeuge
  • Farbfelder / Farbe / Farbverlauf
  • Striche / Füllungen
  • Aussehensfeld
  • Arbeitstische
  • Schichten
  • Transformationen
  • Antreten
  • Pfadfinder
  • Der Stift
  • Der Bleistift
  • Pinsel
  • Text
  • Radiergummi / Schere / Klinge
  • Erweitern
  • Interaktives Malen
  • Motive, Muster
  • Symbole
  • Bilder einfügen
  • Interaktive Verfolgung
  • Perspektivische Gitter
  • Transparenz
  • Schnittmaske
  • Verlaufsgitter
  • Effekte bearbeiten
  • 3D-Effekt
  • Text
  • Drucken und ausgeben

02- Adobe Photoshop

  • Farbmodi
  • Arbeitsbereiche
  • Das Pixel
  • Schichten
  • Grundformen
  • Auswahlwerkzeuge
  • Farbtopf
  • Verschlechtert
  • Transformationen
  • Inteligentes Objekt
  • Fusionen
  • Pinsel
  • Tropfer
  • Der Bleistift
  • Stecker klonen
  • Patches
  • Fotoretuschierwerkzeuge
  • Der Stift
  • Schnittmasken
  • Ebenenmasken
  • Effekte
  • Kanäle
  • Bildeinstellungen
  • Einstellungsebenen
  • Filter
  • Drucken und ausgeben

03- Adobe Indesign

  • Dokument / Buch / Bibliothek
  • Seiten und Spreads
  • Arbeitsplatz
  • Ränder und Spalten
  • Regeln
  • Hilfslinien und Gitter (Raster)
  • Die Beispiele
  • Erstellungswerkzeuge
  • Objekte (Container)
  • Schichten
  • Transformation
  • Aufstellungen
  • Effekte
  • Links Panel
  • Spitze
  • Masterseite
  • Typografie
  • Zeichenoptionen
  • Absatzoptionen
  • Arbeite mit Stilen
  • Zusammensetzung
  • Automatisches Paging
  • Interaktive Elemente
  • Drucken und ausgeben

Webdesign-Modul mit HTML5, CSS3 und Javascript

01- Webdesign, HTML5 UND CSS3

Einführung in die Verwendung von Computergeräten

Betriebssysteme:

  • Windows
  • Mac
  • Linux

Installation und Verwaltung der Software:

  • Browser
  • Texteditoren

Dateisystem und Ordner

  • Erstellen Sie Dateien und Ordner
  • Organisation von Webprojekten
  • Absolute, relative und URL-Pfade

Surfen im Internet

Prinzipien in der Netzwerkadministration

Client-Server-Architektur

Server und Protokolle

  • SSL-Zertifikate
  • HTTP / HTTPS
  • FTP / SFTP / FTPS

Kundenteam

Einführung in Router und Switches

DNS (Domains und IPs)

  • Öffentliche IP
  • Lokale IP
  • Domain Namen

Hosting, Wohnen & CPD

Grundprinzipien für die Erstellung statischer Websites

  • Verwendete Sprachen (HTML5 und CSS3)
  • Ablauf der Codeausführung
  • Visuelle Struktur einer Website

Grundsätze der Benutzerfreundlichkeit und Zugänglichkeit

Prototyping einer Website (UX / UI)

  • Benutzeroberfläche (Marvel)
  • Benutzererfahrung (InVision)

HTML5

  • Tags und Attribute
  • Semantik und Verwendung
  • Standard und Struktur des HTML5-Dokuments
  • Bemerkungen
  • Absätze, Überschriften und Textformate
  • Multimedia (Bilder, Audio und Video)
  • Links und Schaltflächen
  • Listen
  • Tabellen
  • Formen
  • iFrames
  • Meta-Tags
  • Favicom

CSS3

Verknüpfen Sie CSS

Selektoren und Pseudoselektoren

Attribute

  • Farben
  • Geld
  • Format und Transformation von Texten
  • Höhe breit
  • Kanten
  • Ränder
  • Füllungen
  • Positionen
  • Ausrichtung
  • Schattiert und Farbverläufe
  • Opazität
  • Transformationen
  • Filter

Pseudoklassen (aktiv, schweben, markiert, erstes Kind, letztes Kind, n-tes Kind)

Pseudoelemente (nach, vor)

Import und Implementierung von Schriftarten (Medien und Schriftarten)

Import und Implementierung von Symbolen (Schriftarten und SVG)

CSS-Variablen

CSS-Animationen (Keyframes)

Mobile-First-Indizierung

  • Allgemeine Strukturen (Floats)
  • Einfache Strukturen (Flexbox)
  • Komplexe Strukturen (CSS Grid)

Frameworks und APIs

  • Bootstrap 4
  • Materialisieren
  • Material Design

Internet

  • Erstellen Sie eine Domain
  • Erstellen eines Webhostings
  • Verbindung und Upload einer Website zum Server

SEO

  • Verknüpfen Sie das Web mit der Google Search Console
  • Canonical Link Implementierung

02- Webentwicklung (Front-End)

JavaScript

  • Einführung in die Frontend-Programmierung
  • JavaScript. Allgemeine Syntax
  • Fügen Sie JavaScript in HTML-Dokumente ein
  • JavaScript in Anhängen
  • JavaScript im HTML-Code
  • JavaScript. Variablen und Operatoren
  • Lokale Variablen und globale Variablen
  • Numerische Variablen
  • Methoden für numerische Variablen
  • Zuweisungsoperatoren
  • Inkrementier- und Dekrementierungsoperatoren
  • Mathematische Operatoren
  • Textzeichenfolgen (Zeichenfolgen)
  • Methoden für Textzeichenfolgen
  • Undefinierte Variablen
  • NULL-Variablen
  • NaN-Variablen
  • Logische Operatoren in JavaScript
  • Vergleichsoperatoren

jQuery

  • Einführung in Jquery
  • Schritte zur Verwendung von jQuery
  • Erstes Skript mit jQuery
  • JQuery-Grundlagen: Hinzufügen und Entfernen von CSS-Klassen
  • JQuery-Grundlagen: Seitenelemente ein- und ausblenden
  • JQuery-Grundlagen: Schnelleffekte mit jQuery
  • JQuery-Grundlagen: Rückruf der jQuery-Funktion
  • JQuery-Grundlagen: Verwenden von Basic Ajax mit jQuery
  • JQuery-Grundlagen: Ajax jQuery mit Lademeldung

Web Development Module Full Stack-Entwicklung

01- Front-End-Entwicklung mit JavaScript und jQuery

Komplexe variable und Flusskontrollstrukturen

  • JavaScript. Komplexe Variablentypen
  • Arrays in JavaScript
  • Methoden für Arrays
  • Bedingungen in JavaScript
  • Ansonsten
  • Schalter
  • Schleifen in JavaScript
  • Für den Zyklus
  • While-Schleife

Funktionen in JavaScript

  • Funktionen in JavaScript
  • Syntax und Verwendung
  • JavaScript-Bereich
  • Mit Funktionen arbeiten

Das DOM

  • JavaScript. Das DOM
  • Einführung in das DOM
  • Notationsobjekt
  • Erstellen Sie Knoten
  • Knoten hinzufügen
  • Ändern, Ersetzen und Löschen von Knoten
  • Zugriff auf DOM-Attribute
  • Elementstile ändern
  • DOM-Ereignisse

Erweitertes JavaScript. Objekte

  • Objektdefinition
  • Assoziative Arrays
  • Eigenschaften
  • Methoden
  • Apply () - und call () -Methoden
  • Einführung in die JSON-Notation
  • Arbeiten mit JSON in JavaScript (I)
  • Arbeiten mit JSON in JavaScript (II)

AJAX in JavaScript

  • AJAX in JavaScript
  • Erste Schritte
  • Erste Bewerbung
  • So funktioniert eine AJAX-Anwendung
  • Methoden und Eigenschaften des XMLHttpRequest-Objekts
  • Objekte für AJAX
  • Ich arbeite mit AJAX. Dropdown-Listen
  • Ich arbeite mit AJAX. Formular zum automatischen Ausfüllen
  • Ich arbeite mit AJAX. RSS-Reader
  • Ich arbeite mit AJAX. Google Maps

jQuery Advanced

  • JQuery 3. Wesentliche Methoden
  • JQuery-Funktion oder $ () -Funktion
  • Core / each: jeder der jQuery-Core
  • Size () -Methode und Längeneigenschaft des jQuery-Kerns
  • Data () -Kern-jQuery-Methode
  • JQuery-Selektoren
  • Hierarchieselektoren in jQuery
  • Attributmethoden in jQuery
  • Greifen Sie über jQuery auf HTML-Attribute zu und ändern Sie sie
  • JQuerys attr () -Methode, andere Verwendungen und removeAttr ()
  • JQuery prop () Methode und Unterschiede zu attr ()
  • JQuery CSS-Methoden
  • JQuery css () -Methode
  • JQuery CSS funktioniert, um die Größe und Position von Elementen zu kennen
  • Ereignisse in jQuery
  • Ereignishandler in jQuery
  • Einführung des Ereignisobjekts in jQuery
  • Mausereignisse in jQuery mouseenter und mouseleave
  • Tastaturereignisse in jQuery
  • Definieren Sie Ereignisse mit bind () und entfernen Sie sie
  • Mit live () in jQuery definierte Ereignisse
  • Delegierte Ereignisse in jQuery
  • Effekte in jQuery
  • jQuery animate (): Animation von CSS-Eigenschaften
  • Farbanimationen mit jQuery
  • Einblenden von jQuery
  • Effektwarteschlangen in jQuery
  • Queue () -Methode für den Zugriff auf eine Warteschlange mit Effekten
  • Stellen Sie Funktionen in eine jQuery-Effektwarteschlange
  • Stoppen Sie die Ausführung einer jQuery-Effektwarteschlange
  • Delay () -Methode zum Verzögern der Ausführung von Warteschlangeneffekten
  • Warteschlange für persönliche Gegenstände (nicht Standard) in jQuery
  • Plugin-Entwicklung in jQuery
  • Einführung in die Plugin-Entwicklung in jQuery

02- Backend-Entwicklung mit PHP7

Erste Schritte mit PHP7

  • Einführung in die Backend-Programmierung
  • Grundstruktur einer PHP-Seite
  • PHP-Tags
  • Die Echo-Funktion
  • Befehlstrennzeichen
  • Bemerkungen
  • Mischen Sie PHP und HTML
  • Namensregeln
  • PHP-Konfiguration
  • Die Konfigurationsdatei php.ini
  • Konfigurationsinformationen
  • Zeichensatz
  • Verwenden Sie PHP über die Befehlszeile
  • Die Grundlagen der PHP-Sprache
  • Konstanten Definition und Umfang
  • Variablen Initialisierung und Zuordnung
  • Variablen Umfang und Dauer
  • Dynamische Variablen (oder Variablenvariablen)

Datentypen in PHP7

  • Datentypen
  • Verfügbare Typen
  • Skalare und spezielle Datentypen
  • Arrays
  • Arrays. Erstellung, Manipulation und Umfang
  • Betreiber
  • Der Zuweisungsoperator nach Wert
  • Der Zuweisungsoperator als Referenz
  • Die arithmetischen Operatoren
  • Der String-Operator
  • Die kombinierten Operatoren
  • Die logischen und Vergleichsoperatoren
  • Der ternäre Operator
  • Der NULL-Union-Operator
  • Der kombinierte Vergleichsoperator
  • Vorrang des Bedieners

Kontrollstrukturen in PHP7

  • Kontrollstrukturen in PHP 7. Bedingungen
  • Die if-Struktur
  • Die Schalterstruktur
  • Kontrollstrukturen in PHP 7. Schleifen
  • Die if-Struktur
  • Die while-Struktur
  • Die do ... while Struktur
  • Die für Struktur
  • Die foreach-Struktur
  • Die Anweisungen continue und break
  • Fügen Sie eine Datei hinzu
  • Bedienung und Verwendung
  • Unterbrechen Sie das Skript
  • Schnittstellen
  • Klassenkonstanten
  • Züge
  • Anonyme Klassen
  • Ausnahmen
  • Verwalten Sie Fehler in einem PHP-Skript
  • Allgemeine Informationen
  • PHP-Fehlermeldungen
  • Fehlerbehandlungsfunktionen

Funktionen in PHP7

  • Verwenden Sie PHP-Funktionen
  • Präambel
  • Bearbeiten Sie Konstanten, Variablen und Datentypen
  • Konstanten
  • Variablen
  • Datentypen
  • Konvertierungen
  • Bearbeiten Sie numerische Variablen
  • Bearbeiten Sie variable Zeichenfolgen
  • Arrays bearbeiten
  • Verwenden Sie reguläre Ausdrücke
  • Struktur eines regulären Ausdrucks

MySQL-Datenbanken

  • Formulare und Links verwalten
  • Datenwiederherstellung
  • Zeichenkodierung
  • Benötigte Daten
  • Dateien senden und herunterladen
  • Zugriff auf eine Datenbank
  • Verbindung und Trennung
  • Grundlegende SQL-Abfragen (Anzeigen, Bearbeiten, Löschen und Einfügen)
  • Tabellenerstellung
  • Speichern Sie Datensätze aus PHP
  • Ergebnisintegration
  • Datenkodierung
  • Feldvalidierung

Sitzungen verwalten

  • Sitzungen verwalten
  • Allgemeine Informationen
  • Identifikation durch Form
  • Identifizierung über HTTP-Authentifizierung
  • Überprüfen Sie die eingegebenen ID-Anmeldeinformationen
  • Verwenden Sie Cookies
  • Verwenden Sie die PHP-Sitzungsverwaltung
  • Implementierung
  • Selbstverwaltung der Übertragung von Sitzungskennungen
  • Halten Sie Informationen von Besuch zu Besuch
  • Kurze Zusammenfassung der Variablen Get / Post / Cookie / Session
Zuletzt aktualisiert am Aug. 2020

Über die Hochschule

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Pa ... Weiterlesen

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Partner, especializado en el sector del diseño y marketing digital, con sedes en Madrid, Sevilla y próximamente también en Lisboa. Nuestros cursos, masters y títulos superiores se desarrollan en cuatro áreas: Diseño gráfico, Desarrollo web, Marketing Digital y Edición y Postproducción de Vídeo Digital (VFX) y Motion Graphics. Weniger Informationen
Madrid , Sevilla , Madrid + 2 Mehr Weniger