Professionele master in webontwikkeling en conceptualisatie (volledige stapelontwikkeling)

Algemeen

2 locaties beschikbaar
Lees meer over dit programma op de website van de school

Beschrijving van opleiding

web design, laptop, html

720 uur (12 maanden)

De inhoud van dit programma is indicatief en kan variëren vanwege het bijwerken of wijzigen van de inhoud.

doelstellingen

Wil je toetreden tot een van de beroepen met de meeste toekomst op de arbeidsmarkt, dan is dit je masteropleiding. Omdat we weten dat elke webontwikkelaar moet beschikken (HTML5, CSS3, Javascript, JQuery, PHP7, SQL, UX / UI), voegen we alles toe wat nodig is om het CMS te verwerken dat tegenwoordig het meest wordt gebruikt voor het ontwerpen van webpagina's: WordPress. Word een off-road webontwikkelaar met deze professionele masteropleiding!

In de eerste module, Web Design, komen de twee basisstructuur- en lay-outtalen voor elke ontwikkelaar uitgebreid aan bod: HTML5 en CSS3. Daarnaast worden de twee sleutelgebieden bij de ontwikkeling of front-end programmering van een website geïntroduceerd: JavaScript en jQuery. Daarom, en vanuit een huidig standpunt, zoals benadrukt door de verbetering van het mobiele ontwerp voor alle soorten apparaten, zal in deze module de basis voor training in full stack-programmering worden verworven.

In de Full Stack Development Web Development module wordt de nodige kennis verdiept om de student een 360º webontwikkelaar te laten worden. Enerzijds zal een groot deel van de academische belasting zich richten op de front-end aspecten, met JavaScript en jquery, het meest visuele deel van een website. En aan de andere kant wordt de module aangevuld met de nodige PHP7 en SQL om het programmeren aan de serverkant en databases of back-end onder de knie te krijgen.

De WordPress-module behandelt alles wat een webprogrammeur moet weten over het meest gebruikte CMS (Content Manager System) ter wereld. Gratis software waarvan de veelzijdigheid ons in staat stelt professionele oplossingen aan te bieden voor alle soorten projecten, van een blog tot een bedrijfswebsite, via e-commerce. Een intuïtieve tool die elke programmeur zou moeten kennen, aangezien 33% van de websites ter wereld in WordPress is ontwikkeld.

Met de module Design in User Experience and Interfaces kan de student een van de meest modieuze aspecten van de huidige webontwikkeling binnengaan: UX / UI. In de loop van dit blok wordt gezocht naar een balans tussen de twee belangrijkste eigenschappen waaruit een website bestaat: esthetiek en bruikbaarheid. Allemaal gericht op het maximale halen uit alles wat geleerd is in webdesign, ontwikkeling en / of programmeren.

informatie

  • Platte teksteditor gespecialiseerd in web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Mobile-first indexering. Bootstrap
  • SEO-webpositionering. Toegankelijkheid en bruikbaarheid
  • JavaScript
  • jQuery
  • Complexe variabele en stroomregelstructuren
  • Functies in JavaScript
  • Het DOM
  • Geavanceerd JavaScript
  • AJAX in JavaScript
  • geavanceerde jQuery
  • Eerste stappen met PHP7
  • Gegevenstypen in PHP7
  • Besturingsstructuren in PHP7
  • Functies in PHP7
  • Beheer sessies
  • WordPress webdesign
  • Webconceptualisatie en schets
  • Offerte en webplanning
  • Webontwikkeling en optimalisatie in WordPress
  • UX / UI Fundamentals
  • Gebruikersonderzoek
  • Interface-ontwerp (Figma, Adobe XD)
  • prototyping

duur

720 uur totaal

  • Persoonlijk of online
  • 560 uur les
  • Maandag tot donderdag (+ sommige vrijdag)
  • 160 uur definitieve projecten

dienstregeling

Ochtenden

  • 09.00 - 12.00 uur
  • 12.00 - 15.00 uur

Middagen

  • 16.00 - 19.00 uur
  • 19.00 - 22.00 uur

prijs

€ 5.600

Bekijk actuele aanbiedingen en acties op www.cei.es

Officieel

  • Onze school is een van de vijf door Adobe geautoriseerde trainingscentra in Spanje . Dit feit toont aan dat CEI heeft voldaan aan alle vereisten die Adobe vraagt en vormt eveneens een kwaliteitsgarantie voor al onze studenten.
  • CEI is een door Apple erkend trainingscentrum . Daarom zullen onze studenten de Apple Professional-certificering kunnen behalen en hun carrière in ontwerp- en informatietechnologieën, zakelijke omgevingen en B2B-markten kunnen bevorderen.
  • IBM vertrouwt ons en daarom hebben ze ons de IBM Education Partner- badge toegekend. Dit keurmerk beloont scholen die kwaliteitsvolle opleidingen onderhouden en promoten.
  • Onze school wordt geconsolideerd als het referentiecentrum van Maxon in Spanje en we werden de eerste school in Europa die de Maxon-trainingsaanbieder voor R18 werd .

Web Design module met HTML5, CSS3 en Javascript

01- Webdesign, HTML5 EN CSS3

Inleiding tot het gebruik van computerapparatuur

Besturingssystemen:

  • ramen
  • Mac
  • Linux

Software installatie en beheer:

  • Browsers
  • Teksteditors

Bestandssysteem en mappen

  • Maak bestanden en mappen
  • Organisatie van webprojecten
  • Absolute, relatieve en URL-paden

surfen

Principes in netwerkbeheer

Client-server-architectuur

Servers en protocollen

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

Klantteam

Inleiding tot routers en switches

DNS (domeinen en IP's)

  • Openbaar IP
  • Lokaal IP
  • Domeinnamen

Hosting, huisvesting en CPD

Basisprincipes voor het maken van statische websites

  • Gebruikte talen (HTML5 en CSS3)
  • Code uitvoering stroom
  • Visuele structuur van een website

Principes van bruikbaarheid en toegankelijkheid

Prototyping van een website (UX / UI)

  • Gebruikersinterface (Marvel)
  • Gebruikerservaring (InVision)

HTML5

  • Tags en attributen
  • Semantiek en gebruik
  • HTML5-documentstandaard en structuur
  • Opmerkingen
  • Alinea's, koppen en tekstformaten
  • Multimedia (afbeeldingen, audio en video)
  • Links en knoppen
  • Lijsten
  • tekenen
  • Formulieren
  • iFrames
  • Meta-tags
  • Favicom

CSS3

Koppel CSS

Selectors en pseudo-selectors

attributen

  • Kleuren
  • Geld
  • Formaat en transformatie van teksten
  • Hoogte, breed
  • Randen
  • Marges
  • vullingen
  • Posities
  • opstelling
  • In de schaduw gesteld en hellingen
  • Ondoorzichtigheid
  • Transformaties
  • filters

Pseudoklassen (actief, hover, aangevinkt, eerste kind, laatste kind, n-kind)

Pseudoelements (naar, voor)

Fontimport en implementatie (media en font-face)

Icoon importeren en implementeren (lettertypen en SVG)

CSS-variabelen

CSS-animaties (keyframes)

Mobile-first indexering

  • Algemene constructies (drijvers)
  • Simpele constructies (Flexbox)
  • Complexe structuren (CSS-raster)

Frameworks en API's

  • Bootstrap 4
  • Materialiseren
  • Materiaal ontwerp

internet

  • Maak een domein aan
  • Een webhosting maken
  • Verbinding en uploaden van een website naar de server

SEO

  • Link web met Google Search Console
  • Canonical link implementatie

02- Webontwikkeling (front-end)

JavaScript

  • Inleiding tot front-end programmeren
  • JavaScript. Algemene syntaxis
  • Neem JavaScript op in HTML-documenten
  • JavaScript in bijlagen
  • JavaScript in HTML-code
  • JavaScript. Variabelen en operatoren
  • Lokale variabelen en globale variabelen
  • Numerieke variabelen
  • Methoden voor numerieke variabelen
  • Toewijzingsoperatoren
  • Operatoren voor verhogen en verlagen
  • Wiskundige operatoren
  • Tekstreeksen (strings)
  • Methoden voor tekstreeksen
  • Ongedefinieerde variabelen
  • NULL-variabelen
  • NaN-variabelen
  • Logische operators in JavaScript
  • Relationele operators

jQuery

  • Inleiding tot JQuery
  • Stappen om jQuery te gebruiken
  • Eerste script met jQuery
  • JQuery Basics: CSS-klassen toevoegen en verwijderen
  • JQuery basics: toon en verberg pagina-elementen
  • JQuery Basics: snelle effecten met jQuery
  • JQuery Basics: jQuery-functie terugbellen
  • JQuery Basics: Basic Ajax gebruiken met jQuery
  • JQuery Basics: Ajax jQuery met laadbericht

Web Development Module Full Stack-ontwikkeling

01- Front-end ontwikkeling met JavaScript en jQuery

Complexe variabele en stroomregelstructuren

  • JavaScript. Complexe variabeletypen
  • Arrays in JavaScript
  • Methoden voor arrays
  • Conditionals in JavaScript
  • Als / anders
  • Schakelaar
  • Loops in JavaScript
  • Voor cyclus
  • Herhalingslus

Functies in JavaScript

  • Functies in JavaScript
  • Syntaxis en gebruik
  • JavaScript-bereik
  • Werk met functies

Het DOM

  • JavaScript. Het DOM
  • Inleiding tot de DOM
  • Notatie-object
  • Maak knooppunten
  • Voeg knooppunten toe
  • Knooppunten wijzigen, vervangen en verwijderen
  • Toegang tot DOM-kenmerken
  • Wijzig elementstijlen
  • DOM-evenementen

Geavanceerd JavaScript. Voorwerpen

  • Definitie van object
  • Associatieve arrays
  • Eigendommen
  • Methoden
  • Apply () en call () methoden
  • Inleiding tot JSON-notatie
  • Werken met JSON in JavaScript (I)
  • Werken met JSON in JavaScript (II)

AJAX in JavaScript

  • AJAX in JavaScript
  • Aan de slag
  • Eerste toepassing
  • Hoe een AJAX-applicatie werkt
  • Methoden en eigenschappen van het XMLHttpRequest-object
  • Objecten voor AJAX
  • Ik werk met AJAX. Drop-down lijsten
  • Ik werk met AJAX. Formulier automatisch aanvullen
  • Ik werk met AJAX. RSS-lezer
  • Ik werk met AJAX. Google maps

jQuery Geavanceerd

  • JQuery 3. Essentiële methoden
  • JQuery-functie of $ () -functie
  • Core / each: elk van de jQuery-kern
  • Size () methode en length-eigenschap van de jQuery-kern
  • Data () core jQuery-methode
  • JQuery-kiezers
  • Hiërarchische selectors in jQuery
  • Kenmerkmethoden in jQuery
  • Open en wijzig HTML-attributen vanuit jQuery
  • De attr () -methode van JQuery, andere toepassingen en removeAttr ()
  • JQuery prop () methode en verschillen met attr ()
  • JQuery CSS-methoden
  • JQuery css () - methode
  • JQuery CSS-functies om de grootte en positie van elementen te kennen
  • Gebeurtenissen in jQuery
  • Gebeurtenisafhandelaars in jQuery
  • Introductie van Event Object in jQuery
  • Muisgebeurtenissen in jQuery mouseenter en mouseleave
  • Toetsenbordgebeurtenissen in jQuery
  • Definieer gebeurtenissen met bind () en verwijder ze
  • Gebeurtenissen gedefinieerd met live () in jQuery
  • Gedelegeerde evenementen in jQuery
  • Effecten in jQuery
  • jQuery animate (): animatie van CSS-eigenschappen
  • Kleur animaties met jQuery
  • Vervagen in jQuery
  • Effect wachtrijen in jQuery
  • Queue () - methode om toegang te krijgen tot een wachtrij met effecten
  • Zet functies in een jQuery-effectwachtrij
  • Stop de uitvoering van een jQuery-effectwachtrij
  • Delay () methode om de uitvoering van wachtrij-effecten te vertragen
  • Wachtrij met persoonlijke effecten (niet standaard) in jQuery
  • Plugin-ontwikkeling in jQuery
  • Inleiding tot het ontwikkelen van plug-ins in jQuery

02- Back-end ontwikkeling met PHP7

Eerste stappen met PHP7

  • Inleiding tot back-end programmeren
  • Basisstructuur van een PHP-pagina
  • PHP-tags
  • De echo-functie
  • Instructie scheidingsteken
  • Opmerkingen
  • Mix PHP en HTML
  • Naamgevingsregels
  • PHP-configuratie
  • Het php.ini-configuratiebestand
  • Configuratie-informatie
  • Set tekens
  • Gebruik PHP vanaf de opdrachtregel
  • De basis van de PHP-taal
  • Constanten Definitie en toepassingsgebied
  • Variabelen Initialisatie en toewijzing
  • Variabelen Reikwijdte en duur
  • Dynamische variabelen (of variabele variabelen)

Gegevenstypen in PHP7

  • Gegevenstypen
  • Beschikbare types
  • Scalaire en speciale gegevenstypen
  • Arrays
  • Arrays. Creatie, manipulatie en reikwijdte
  • Operatoren
  • De toewijzingsoperator op waarde
  • De toewijzingsoperator via referentie
  • De rekenkundige operatoren
  • De string-operator
  • De gecombineerde operators
  • De logische en vergelijkingsoperatoren
  • De ternaire operator
  • De NULL-unie-operator
  • De gecombineerde vergelijkingsoperator
  • Operator voorrang

Besturingsstructuren in PHP7

  • Controlestructuren in PHP 7. Conditionals
  • De if-structuur
  • De schakelaarstructuur
  • Besturingsstructuren in PHP 7. Loops
  • De if-structuur
  • De tijdstructuur
  • De do ... while-structuur
  • De voor structuur
  • De foreach-structuur
  • De continue en break-statements
  • Voeg een bestand toe
  • Bediening en gebruik
  • Onderbreek het script
  • Interfaces
  • Klasseconstanten
  • Eigenschappen
  • Anonieme lessen
  • Uitzonderingen
  • Beheer fouten in een PHP-script
  • Algemene informatie
  • PHP-foutmeldingen
  • Foutafhandelingsfuncties

Functies in PHP7

  • Gebruik PHP-functies
  • Preambule
  • Manipuleer constanten, variabelen en gegevenstypen
  • Constanten
  • variabelen
  • Gegevenstypen
  • Conversies
  • Manipuleer numerieke variabelen
  • Manipuleer variabele strings
  • Manipuleer arrays
  • Gebruik reguliere expressies
  • Structuur van een reguliere expressie

MySQL-databases

  • Formulieren en links beheren
  • Data herstel
  • Tekencodering
  • Vereiste data
  • Verzend en download bestanden
  • Toegang tot een database
  • Verbinding en verbreken
  • Eenvoudige SQL-query's (bekijken, bewerken, verwijderen en invoegen)
  • Tafel maken
  • Sla records op vanuit PHP
  • Resultaten integratie
  • Gegevenscodering
  • Veldvalidatie

Beheer sessies

  • Beheer sessies
  • Algemene informatie
  • Identificatie per formulier
  • Identificatie via HTTP-authenticatie
  • Controleer de ingevoerde ID-inloggegevens
  • Gebruik cookies
  • Gebruik PHP-sessiebeheer
  • uitvoering
  • Zelfbeheer van overdracht van sessie-ID's
  • Houd informatie van bezoek tot bezoek
  • Korte samenvatting van Get / Post / Cookie / Session-variabelen

Webontwerpmodule met Wordpress

01- Webdesign met Wordpress. Van concept tot ontwikkeling

introductie

  • Het web. Typen en structuren
  • Google Mobile First Index
  • WordPress. Wat is het?
  • Het webdesign. Creatief proces

Onderzoek doen

  • Onderzoeksproces
  • Analyse technieken

Citeren en plannen

  • Hoeveel is mijn website waard?
  • Tijdelijke werkplanning
  • Beheersystemen om webdesign te werken

Conceptualiseren van het web

  • Inspiratie en verwijzingen
  • De visuele identiteit. Handleiding voor webstijlen
  • Content tree creatie
  • Schets of wireframes
  • Creatie van mockups met Sketch
  • Webprototyping met Invision
  • Presentatie aan de klant en inhoudelijke voorbereiding

Content creëren

  • Copywriting
  • Soorten inhoud
  • Het genereren van inhoud in WordPress. Post en pagina's
  • De afbeeldingen. Typen en behandeling voor web
  • LOPD. Installatie en regelgeving

Ontwikkeling van onze website

WordPress kennen

  • Lokale en serverinstallatie
  • Voorbereiding van een WordPress. Essentiële stappen
  • Structuur van WordPress en zijn interface

Plug-ins

Mediabibliotheek: beeldoptimalisatie

De hoogtepunten

  • Soorten onderwerpen
  • Een onderwerp uitleggen

Ons ontwerp verplaatsen naar WordPress

  • De bodysuit ontwerpen

Visual Composers: Visual Composer en Elementor

Add-ons en aanvullingen

Eerst een web maken in Mobile

Contactformulieren

  • Aangepaste headers ontwerpen. De menu's
  • Aangepaste voetteksten ontwerpen
  • Eigen creatie van sjablonen en fragmenten
  • Creëren van aangepaste lay-outs voor post
  • Creëren van aangepaste berichttypen en hun lay-outs
  • Maak aangepaste velden

E-commerce: Woocommerce

  • Uitleg en configuratie van een online winkel
  • Maak aangepaste productsjablonen
  • Afrekenen wijziging en configuratie
  • Vereiste plug-ins

Gebruikersbeheer in WordPress

  • Gebruikersrollen
  • Gebruikersregistratie
  • Creëren van privé-gebieden en lidmaatschappen
  • Inhoud bekijken op basis van rollen

Website vertaling

  • Met behulp van de plug-in
  • Vertaling van thema's en plug-ins

WordPress-export en back-up

Andere interessante plug-ins: schuifregelaars, delen op sociale netwerken, feeds, chats.

Het optimaliseren en beschermen van onze website

Prestatieoptimalisatie van onze WordPress

  • Code optimalisatie
  • Cache-installatie

Wordpress-bescherming

  • Bescherming van toegang tot WordPress
  • Bescherming van inhoud en mappen
  • Bescherming tegen aanvallen van buitenaf

Ontwikkeling van onze website

  • Inleiding tot inkomende marketing voor WordPress
  • Creëren van plattegronden
  • SEO plug-in installatie en configuratie

Ontwikkeling van onze website

WordPress onderhoudstechnieken

Moduleontwerp in gebruikerservaring en interfaces (UX / UI)

01- Inleiding

  • Presentatie en doelstellingen van de cursus
  • Fundamentals in UX / UI
  • Wat is UX? Wat is de gebruikersinterface?
  • Verschillen en overeenkomsten

02- De klant

  • Briefing
  • Bedrijfsgegevens
  • Vereisten nemen
  • concurrentie-analyse

03- UX-onderzoek

  • Onderzoek en analyse
  • Heatmaps
  • Oog volgen
  • Kaart sorteren
  • A / B-test
  • Gebruikerstest
  • Koper Persona
  • Heuristische evaluatie

04- Informatiearchitectuur

  • Inhoud inventaris
  • Inhoudsboom
  • Organisatiesystemen
  • Etiketteringssystemen
  • Navigatiesystemen
  • Zoeksystemen
  • Formulieren

05- Ontwerpmethodologieën

  • Ontwerp bedenken
  • Atomic Design
  • Stroomschema's met Whimsical
  • Customer Journey
  • Kaart sorteren

06- Mobile First, Trends, Responsive Design

07- Ontwerp webversie

  • Ontwerppsychologie, Gestaltwetten
  • Ontwerpprincipes
  • typografie
  • Kleuren
  • Raster
  • Schetsen
  • Ontwerp systemen
  • Ontwerp met Figma
  • Prototyping met Figma
  • Ontwerp met Adobe XD
  • Prototyping met Adobe XD

08- Animaties webversie

  • Animatie met Figma
  • Animatie met Adobe Xd

09- Apps-ontwerp

  • Design Psychology, Gestalt Laws toegepast op apps
  • Ontwerpprincipes in apps
  • Onderzoek naar interacties in apps
  • Mobiele interacties
  • Metingen van mobiele apparaten
  • Typografie in apps
  • Kleuren
  • Raster
  • Schetsen
  • Ontwerp systemen
  • Ontwerp met Figma
  • Prototyping met Figma
  • Ontwerp met Figma
  • Prototyping met Figma
  • Ontwerp met Adobe XD
  • Prototyping met Adobe XD

10- Animaties Web App- versie

  • Animatie met Figma
  • Animatie met Adobe Xd

11- UX en SEO

  • Overeenkomsten tussen UX en SEO
  • SEO-factoren (web)
  • ASO-factoren (apps)

12- Projectbeheer

  • Opstellen van een webbudget: concepten en items
  • Project planning
  • Leveringsschema en deadlines
  • Project presentatie
  • Planningssoftware
  • Bronnen zoeken

13- Portefeuille

Project exporterenPublicatie van projecten voor rrssPresentatie van projecten voor web
Laatst bijgewerkt op aug 2020

Over de school

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 ... Lees meer

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. Lees Minder
Madrid , Sevilla , Madrid + 2 Meer Minder