Advanced Master in Web Design and Development (Full Stack Development)

Informacje ogólne

Liczba dostępnych lokalizacji: 2
Przeczytaj więcej o tym programie na stronie internetowej uczelni

Opis programu

136329_pexels-photo-1779487.jpeg

540 godzin

Treść tego programu ma charakter orientacyjny i może się różnić ze względu na aktualizację lub modyfikację treści.

cele

Czy uważasz, że potrafisz opanować narzędzia do projektowania graficznego (Adobe Tools) i jednocześnie zamieniać własne projekty w strony internetowe? Na szczęście lub niestety ten profil jest coraz bardziej poszukiwany w firmach i agencjach z sektora. Czasami nie wystarczy być dobrym grafikiem lub twórcą stron internetowych, ponieważ wiele firm wymaga podwójnego lub wielofunkcyjnego profilu. Na tym poziomie magisterskim nauczymy się opanować najważniejsze narzędzia projektowania graficznego (Adobe Illustrator, Photoshop i Indesign), a ponadto student zostanie programistą internetowym full stack, programistą o bardzo kompletnym profilu technicznym, który dobrze wie co odnoszenie się do back-endu jako do front-endu i coraz bardziej poszukiwanego i cenionego w firmach.

W tym celu ten Master składa się z trzech modułów: Adobe Tools, Web Design z HTML5, CSS3, Javascript i jQuery oraz Full Stack Development z poprzednimi narzędziami oraz PHP7 i SQL.

W pierwszym module student nauczy się obsługi najważniejszych narzędzi projektowania graficznego. Zaczniemy od projektowania wektorowego (Adobe Illustrator), by kontynuować cyfrowe przetwarzanie obrazu (Adobe Photoshop) i projekt redakcyjny (Adobe Indesign). Po ukończeniu tego modułu student będzie potrafił wykonać dowolny projekt graficzny interfejsu, jaki sobie wyobrazi.

W drugim module student uczy się wszystkiego, co dotyczy struktury stron internetowych (HTML5), układu i wizualnego projektowania stron internetowych (CSS3), a my zagłębimy się w programowanie internetowe z wykorzystaniem Javascript i jQuery.

W trzecim module student stanie się pełnoprawnym programistą WWW lub programistą full stack. Co to znaczy? Że student będzie potrafił programować aplikacje lub strony internetowe zarówno po stronie klienta (programowanie front-end), jak i po stronie serwera (programowanie back-end). Stanowisko dewelopera typu full stack jest coraz bardziej poszukiwane przez firmy i dlatego jest jednym z najlepiej wycenianych ekonomicznie w naszym sektorze pracy.

informacja

  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe InDesign
  • Zwykły edytor tekstu wyspecjalizowany w sieci: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Indeksowanie zoptymalizowane pod kątem urządzeń mobilnych. Bootstrap
  • Pozycjonowanie stron internetowych. Dostępność i użyteczność
  • JavaScript
  • jQuery
  • Złożone struktury sterowania zmiennymi i przepływami
  • Funkcje w JavaScript
  • DOM
  • Zaawansowany JavaScript
  • AJAX w JavaScript
  • zaawansowane jQuery
  • Pierwsze kroki z PHP7
  • Typy danych w PHP7
  • Struktury sterujące w PHP7
  • Funkcje w PHP7
  • Zarządzaj sesjami

czas trwania

Łącznie 540 godzin

  • Osobiście lub online
  • 420 godzin zajęć
  • Od poniedziałku do czwartku (+ niektóre piątki)
  • Projekty końcowe trwające 120 godzin

Zaplanuj

Poranki

  • 09.00 - 12.00 godz
  • 12.00 - 15.00 godz

Popołudnia

  • 16.00 - 19.00 godz
  • 19.00 - 22.00 godz

cena

4450 €

Sprawdź aktualne oferty i promocje na www.cei.es

Urzędnik

  • Nasza szkoła jest jednym z pięciu autoryzowanych centrów szkoleniowych Adobe w Hiszpanii . Fakt ten pokazuje, że CEI spełniło wszystkie wymagania stawiane przez Adobe, a tym samym stanowi gwarancję jakości dla wszystkich naszych studentów.
  • CEI to autoryzowane centrum szkoleniowe Apple . Dlatego nasi studenci będą mogli uzyskać certyfikat Apple Professional i rozwijać swoją karierę w projektowaniu i technologiach informacyjnych, środowiskach biznesowych i rynkach B2B.
  • IBM ufa nam i dlatego przyznało nam logo IBM Education Partner . Ta pieczęć nagradza szkoły, które utrzymują i promują wysokiej jakości szkolenia.
  • Nasza szkoła ugruntowała swoją pozycję jako centrum szkoleniowe Maxon w Hiszpanii i staliśmy się pierwszą szkołą w Europie, która jest dostawcą szkoleń Maxon dla R18 .

Moduł projektowania graficznego (narzędzia Adobe)

01 - Adobe Illustrator

  • Profile i tryby kolorów
  • Workspace
  • Podstawowe kształty
  • Narzędzia wyboru
  • Próbki / Kolor / Gradient
  • Obrysy / wypełnienia
  • Panel wyglądu
  • Stoły robocze
  • Warstwy
  • Transformacje
  • Aby ustawić się w linii
  • Pionier
  • Długopis
  • Ołówek
  • Pędzle
  • Tekst
  • Gumka / Nożyczki / Ostrze
  • Rozszerzać
  • Malowanie interaktywne
  • Motywy, wzory
  • Symbole
  • Wstaw obrazy
  • Interaktywne śledzenie
  • Siatki perspektywiczne
  • Przejrzystość
  • Maska przycinająca
  • Siatki gradientowe
  • Efekty Edytuj
  • Efekt 3D
  • Tekst
  • Drukuj i drukuj

02- Adobe Photoshop

  • Tryby kolorów
  • Miejsca pracy
  • Piksel
  • Warstwy
  • Podstawowe formularze
  • Narzędzia wyboru
  • Pojemnik farby
  • Zdegradowany
  • Transformacje
  • Inteligentny obiekt
  • Fuzje
  • Pędzle
  • Zakraplacz
  • Ołówek
  • Klonuj wtyczkę
  • Łatki
  • Narzędzia do retuszu zdjęć
  • Długopis
  • Maski przycinające
  • Maski warstwowe
  • Efekty
  • Kanały
  • Ustawienia obrazu
  • Warstwy dopasowania
  • Filtry
  • Drukuj i drukuj

03- Adobe Indesign

  • Dokument / książka / biblioteka
  • Strony i rozkładówki
  • Workspace
  • Marginesy i kolumny
  • Zasady
  • Prowadnice i siatki (siatka)
  • Przykłady
  • Narzędzia do tworzenia
  • Obiekty (kontenery)
  • Warstwy
  • Transformacja
  • Składy
  • Efekty
  • Panel Łącza
  • Sznurówka
  • Strona wzorcowa
  • Typografia
  • Opcje postaci
  • Opcje akapitu
  • Pracuj ze stylami
  • Skład
  • Automatyczne stronicowanie
  • Elementy interaktywne
  • Drukuj i drukuj

Moduł projektowania stron internetowych z HTML5, CSS3 i JavaScript

01- Projektowanie stron internetowych, HTML5 I CSS3

Wprowadzenie do obsługi sprzętu komputerowego

System operacyjny:

  • Windows
  • Prochowiec
  • Linux

Instalacja oprogramowania i zarządzanie:

  • Przeglądarki
  • Edytory tekstu

System plików i foldery

  • Twórz pliki i foldery
  • Organizacja projektów internetowych
  • Ścieżki bezwzględne, względne i URL

Przeglądanie sieci

Zasady administracji sieciowej

Architektura klient-serwer

Serwery i protokoły

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

Zespół klienta

Wprowadzenie do routerów i przełączników

DNS (domeny i adresy IP)

  • Publiczny adres IP
  • Lokalny adres IP
  • Nazwy domen

Hosting, zakwaterowanie i doskonalenie zawodowe

Podstawowe zasady tworzenia statycznych stron internetowych

  • Używane języki (HTML5 i CSS3)
  • Przepływ wykonania kodu
  • Wizualna struktura strony internetowej

Zasady użyteczności i dostępności

Prototypowanie strony internetowej (UX / UI)

  • Interfejs użytkownika (Marvel)
  • Doświadczenie użytkownika (InVision)

HTML5

  • Tagi i atrybuty
  • Semantyka i użycie
  • Standard i struktura dokumentu HTML5
  • Komentarze
  • Akapity, nagłówki i formaty tekstu
  • Multimedia (obrazy, audio i wideo)
  • Linki i przyciski
  • Listy
  • Tabele
  • Formularze
  • iFrames
  • Tagi meta
  • Favicom

CSS3

Link CSS

Selektory i pseudoselektory

Atrybuty

  • Zabarwienie
  • pieniądze
  • Format i transformacja tekstów
  • Wysokość, szeroka
  • Krawędzie
  • Marginesy
  • Wypełnienia
  • Pozycje
  • wyrównanie
  • Cieniowane i gradienty
  • Nieprzezroczystość
  • Transformacje
  • Filtry

Pseudoklasy (aktywne, najechanie kursorem, zaznaczone, pierwsze dziecko, ostatnie dziecko, n-te dziecko)

Pseudoelementy (po, przed)

Import i implementacja czcionek (media i font-face)

Import i implementacja ikon (czcionki i SVG)

Zmienne CSS

Animacje CSS (klatki kluczowe)

Indeksowanie zoptymalizowane pod kątem urządzeń mobilnych

  • Konstrukcje ogólne (pływaki)
  • Proste struktury (Flexbox)
  • Złożone struktury (siatka CSS)

Struktury i interfejsy API

  • Bootstrap 4
  • Zmaterializować
  • Wygląd materiału

Internet

  • Utwórz domenę
  • Tworzenie hostingu internetowego
  • Połączenie i załadowanie strony internetowej na serwer

SEO

  • Połącz sieć z Google Search Console
  • Implementacja linków kanonicznych

02 - Tworzenie stron internetowych (front-end)

JavaScript

  • Wprowadzenie do programowania front-end
  • JavaScript. Ogólna składnia
  • Dołącz JavaScript do dokumentów HTML
  • JavaScript w załącznikach
  • JavaScript w kodzie HTML
  • JavaScript. Zmienne i operatory
  • Zmienne lokalne i zmienne globalne
  • Zmienne numeryczne
  • Metody dla zmiennych numerycznych
  • Operatory przypisania
  • Operatory inkrementacji i dekrementacji
  • Operatory matematyczne
  • Ciągi tekstowe (ciągi)
  • Metody dla ciągów tekstowych
  • Niezdefiniowane zmienne
  • Zmienne NULL
  • Zmienne NaN
  • Operatory logiczne w JavaScript
  • Operatorzy relacyjni

jQuery

  • Wprowadzenie do Jquery
  • Kroki, aby użyć jQuery
  • Pierwszy skrypt z jQuery
  • Podstawy JQuery: dodawanie i usuwanie klas CSS
  • Podstawy JQuery: pokaż i ukryj elementy strony
  • Podstawy JQuery: Szybkie efekty z jQuery
  • Podstawy JQuery: wywołanie zwrotne funkcji jQuery
  • Podstawy JQuery: Używanie Basic Ajax z jQuery
  • Podstawy JQuery: Ajax jQuery z komunikatem ładowania

Moduł rozwoju sieci Web Tworzenie pełnego stosu

01 - Front-End Development z JavaScript i jQuery

Złożone struktury sterowania zmiennymi i przepływami

  • JavaScript. Złożone typy zmiennych
  • Tablice w JavaScript
  • Metody dla tablic
  • Warunki warunkowe w JavaScript
  • Jeśli inaczej
  • Przełącznik
  • Pętle w JavaScript
  • Na cykl
  • Podczas pętli

Funkcje w JavaScript

  • Funkcje w JavaScript
  • Składnia i użycie
  • Zakres JavaScript
  • Pracuj z funkcjami

DOM

  • JavaScript. DOM
  • Wprowadzenie do DOM
  • Obiekt notacji
  • Utwórz węzły
  • Dodaj węzły
  • Modyfikuj, zastępuj i usuwaj węzły
  • Dostęp do atrybutów DOM
  • Modyfikuj style elementów
  • Wydarzenia DOM

Zaawansowany JavaScript. Obiekty

  • Definicja obiektu
  • Tablice asocjacyjne
  • Nieruchomości
  • Metody
  • Metody Apply () i call ()
  • Wprowadzenie do notacji JSON
  • Praca z JSON w JavaScript (I)
  • Praca z JSON w JavaScript (II)

AJAX w JavaScript

  • AJAX w JavaScript
  • Pierwsze kroki
  • Pierwsza aplikacja
  • Jak działa aplikacja AJAX
  • Metody i właściwości obiektu XMLHttpRequest
  • Obiekty dla AJAX
  • Pracuję z AJAX. Listy rozwijane
  • Pracuję z AJAX. Formularz autouzupełniania
  • Pracuję z AJAX. Czytnik RSS
  • Pracuję z AJAX. Mapy Google

jQuery Advanced

  • JQuery 3. Podstawowe metody
  • Funkcja JQuery lub funkcja $ ()
  • Rdzeń / każdy: każdy z rdzenia jQuery
  • Metoda Size () i właściwość length rdzenia jQuery
  • Data () rdzeń metody jQuery
  • Selektory JQuery
  • Selektory hierarchii w jQuery
  • Metody atrybutów w jQuery
  • Uzyskaj dostęp i modyfikuj atrybuty HTML z jQuery
  • Metoda attr () JQuery, inne zastosowania i removeAttr ()
  • Metoda prop () JQuery i różnice z attr ()
  • Metody CSS JQuery
  • JQuery css () metoda
  • Funkcje JQuery CSS, aby poznać rozmiar i położenie elementów
  • Wydarzenia w jQuery
  • Programy obsługi zdarzeń w jQuery
  • Wprowadzenie obiektu zdarzenia w jQuery
  • Zdarzenia myszy w jQuery mouseenter i mouseleave
  • Zdarzenia klawiaturowe w jQuery
  • Zdefiniuj zdarzenia za pomocą bind () i usuń je
  • Zdarzenia zdefiniowane za pomocą live () w jQuery
  • Zdarzenia delegowane w jQuery
  • Efekty w jQuery
  • jQuery animate (): animacja właściwości CSS
  • Kolorowe animacje z jQuery
  • Zanikanie w jQuery
  • Kolejki efektów w jQuery
  • Queue (), aby uzyskać dostęp do kolejki efektów
  • Umieść funkcje w kolejce efektów jQuery
  • Zatrzymaj wykonywanie kolejki efektów jQuery
  • Delay (), aby opóźnić wykonanie efektów kolejki
  • Kolejka efektów osobistych (nie domyślna) w jQuery
  • Rozwój wtyczek w jQuery
  • Wprowadzenie do tworzenia wtyczek w jQuery

02- Back-End Development z PHP7

Pierwsze kroki z PHP7

  • Wprowadzenie do programowania zaplecza
  • Podstawowa struktura strony PHP
  • Tagi PHP
  • Funkcja echa
  • Separator instrukcji
  • Komentarze
  • Mieszaj PHP i HTML
  • Zasady nazewnictwa
  • Konfiguracja PHP
  • Plik konfiguracyjny php.ini
  • Informacje o konfiguracji
  • Zestaw znaków
  • Użyj PHP z wiersza poleceń
  • Podstawy języka PHP
  • Stałe Definicja i zakres
  • Zmienne Inicjalizacja i przypisanie
  • Zmienne Zakres i czas trwania
  • Zmienne dynamiczne (lub zmienne zmienne)

Typy danych w PHP7

  • Typy danych
  • Dostępne typy
  • Skalarne i specjalne typy danych
  • Tablice
  • Tablice. Tworzenie, manipulacja i zakres
  • Operatorzy
  • Operator przypisania według wartości
  • Operator przypisania przez odniesienie
  • Operatory arytmetyczne
  • Operator ciągu
  • Połączone operatory
  • Operatory logiczne i operatory porównania
  • Operator trójskładnikowy
  • Operator unii NULL
  • Połączony operator porównania
  • Pierwszeństwo operatorów

Struktury sterujące w PHP7

  • Struktury sterujące w PHP 7. Warunki warunkowe
  • Struktura if
  • Struktura przełącznika
  • Struktury sterujące w PHP 7. Pętle
  • Struktura if
  • Struktura while
  • Zrób ... podczas struktury
  • Struktura for
  • Każda struktura
  • Instrukcje continue i break
  • Dołącz plik
  • Obsługa i użytkowanie
  • Przerwij skrypt
  • Interfejsy
  • Stałe klasowe
  • Cechy
  • Zajęcia anonimowe
  • Wyjątki
  • Zarządzaj błędami w skrypcie PHP
  • Informacje ogólne
  • Komunikaty o błędach PHP
  • Funkcje obsługi błędów

Funkcje w PHP7

  • Użyj funkcji PHP
  • Preambuła
  • Manipuluj stałymi, zmiennymi i typami danych
  • Stałe
  • Zmienne
  • Typy danych
  • Konwersje
  • Manipuluj zmiennymi numerycznymi
  • Manipuluj zmiennymi ciągami znaków
  • Manipuluj tablicami
  • Używaj wyrażeń regularnych
  • Struktura wyrażenia regularnego

Bazy danych MySQL

  • Zarządzanie formularzami i linkami
  • Odzyskiwanie danych
  • Kodowanie znaków
  • Wymagane dane
  • Wysyłaj i pobieraj pliki
  • Uzyskaj dostęp do bazy danych
  • Podłączanie i odłączanie
  • Podstawowe zapytania SQL (przeglądanie, edycja, usuwanie i wstawianie)
  • Tworzenie tabeli
  • Przechowuj rekordy z PHP
  • Integracja wyników
  • Kodowanie danych
  • Walidacja w terenie

Zarządzaj sesjami

  • Zarządzaj sesjami
  • Informacje ogólne
  • Identyfikacja według formularza
  • Identyfikacja poprzez uwierzytelnianie HTTP
  • Sprawdź wprowadzone dane uwierzytelniające
  • Użyj plików cookie
  • Użyj zarządzania sesjami PHP
  • realizacja
  • Samodzielne zarządzanie transmisją identyfikatorów sesji
  • Zachowaj informacje od wizyty do odwiedzenia
  • Krótkie podsumowanie zmiennych Get / Post / Cookie / Session
Ostatnia aktualizacja Sie 2020

Informacje o uczelni

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 ... Czytaj więcej

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. Pokaż mniej
Madryt , Sewilla , Madryt + 2 Więcej Mniej