웹 디자인 및 개발의 고급 마스터 (풀 스택 개발)

일반

2 개 위치 사용 가능
학교의 웹 사이트에서 프로그램에 대해 좀 더 읽어보기

프로그램 설명

136329_pexels-photo-1779487.jpeg

540 시간

이 프로그램의 내용은 참고 용이며 내용을 업데이트하거나 수정하는 등의 이유로 다를 수 있습니다.

목표

그래픽 디자인 도구 (Adobe Tools)를 마스터하는 동시에 자신의 디자인을 웹 페이지로 바꿀 수 있다고 생각하십니까? 다행히도 안타깝게도이 프로필은 해당 분야의 기업과 기관에서 점점 더 많이 요구되고 있습니다. 많은 회사가 이중 또는 다목적 프로필을 요구하기 때문에 좋은 그래픽 디자이너 또는 웹 개발자가되는 것만으로는 충분하지 않을 때가 있습니다. 이 석사 학위에서는 그래픽 디자인의 가장 중요한 도구 (Adobe Illustrator, Photoshop 및 Indesign)를 습득하는 방법을 배우고, 또한 학생은 풀 스택 웹 개발자가 될 것입니다. 프로그래머가 될 것입니다. 백엔드는 프론트 엔드를 의미하며 점점 더 수요가 증가하고 기업의 가치가 더 높습니다.

이를 위해이 마스터는 Adobe 도구, HTML5를 사용한 웹 디자인, CSS3, Javascript 및 jQuery, 이전 도구와 PHP7 및 SQL을 사용한 풀 스택 개발의 세 가지 모듈로 구성됩니다.

첫 번째 모듈에서 학생은 그래픽 디자인의 가장 중요한 도구를 다루는 방법을 배웁니다. 벡터 디자인 (Adobe Illustrator)부터 시작하여 디지털 이미지 처리 (Adobe Photoshop) 및 편집 디자인 (Adobe Indesign)을 계속합니다. 이 모듈을 마친 후 학생은 상상하는 모든 그래픽 인터페이스 디자인을 만들 수 있습니다.

두 번째 모듈에서 학생은 웹 구조 (HTML5), 레이아웃 및 시각적 웹 디자인 (CSS3)과 관련된 모든 것을 배우고 Javascript 및 jQuery를 사용한 웹 프로그래밍을 탐구합니다.

세 번째 모듈에서 학생은 완전한 웹 개발자 또는 풀 스택 개발자가됩니다. 이것은 무엇을 의미 하는가? 학생이 클라이언트 측 (프론트 엔드 개발)과 서버 측 (백 엔드 개발) 모두에서 애플리케이션 또는 웹 페이지를 프로그래밍 할 수 있습니다. 풀 스택 개발자 위치는 기업에서 점점 더 많이 찾고 있으며, 따라서 우리 노동 부문에서 경제적으로 가장 가치있는 위치 중 하나입니다.

정보

  • 어도비 일러스트 레이터
  • 어도비 포토샵
  • 어도비 인디자인
  • 웹에 특화된 일반 텍스트 편집기 : Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • 모바일 우선 인덱싱. 부트 스트랩
  • SEO 웹 포지셔닝. 접근성 및 유용성
  • 자바 스크립트
  • jQuery
  • 복잡한 변수 및 흐름 제어 구조
  • JavaScript의 기능
  • DOM
  • 고급 JavaScript
  • JavaScript의 AJAX
  • 고급 jQuery
  • PHP7의 첫 단계
  • PHP7의 데이터 유형
  • PHP7의 제어 구조
  • PHP7의 기능
  • 세션 관리

지속

총 540 시간

  • 직접 또는 온라인
  • 420 시간 수업
  • 월요일 ~ 목요일 (+ 일부 금요일)
  • 120 시간의 최종 프로젝트

일정

아침

  • 09.00-12.00 시간
  • 12.00-15.00 시간

오후

  • 16.00-19.00 시간
  • 19.00-22.00 시간

가격

4,450 유로

www.cei.es에서 현재 제안 및 프로모션을 확인하십시오.

공무원

  • 우리 학교는 스페인 의 5 개 Adobe 공인 교육 센터 중 하나입니다. 이 사실은 CEI가 Adobe가 요청하는 모든 요구 사항을 충족했으며 마찬가지로 모든 학생들의 품질을 보장한다는 것을 보여줍니다.
  • CEI는 Apple 공인 교육 센터 입니다. 따라서 우리 학생들은 Apple Professional 인증을 획득하고 디자인 및 정보 기술, 비즈니스 환경 및 B2B 시장에서 경력을 쌓을 수 있습니다.
  • IBM은 우리를 신뢰하며 이러한 이유로 IBM 교육 파트너 배지를 수여했습니다. 이 인장은 양질의 교육을 유지하고 장려하는 학교에 보상합니다.
  • 우리 학교는 스페인의 Maxon Training Center 로 통합되었으며 유럽에서 R18을위한 Maxon Training Provider 가 된 최초의 학교가되었습니다.

그래픽 디자인 모듈 (Adobe 도구)

01- 어도비 일러스트 레이터

  • 색상 프로필 및 모드
  • 작업 공간
  • 기본 모양
  • 선택 도구
  • 견본 / 색상 / 그라데이션
  • 스트로크 / 채우기
  • 외관 패널
  • 작업 테이블
  • 레이어
  • 변형
  • 줄을 서다
  • 패스 파인더
  • 그 펜
  • 그 연필
  • 브러쉬
  • 텍스트
  • 지우개 / 가위 / 칼날
  • 넓히다
  • 인터랙티브 페인팅
  • 모티프, 패턴
  • 기호
  • 이미지 삽입
  • 대화 형 추적
  • 원근 그리드
  • 투명성
  • 클리핑 마스크
  • 그라디언트 메쉬
  • 효과 편집
  • 3D 효과
  • 본문
  • 인쇄 및 출력

02- 어도비 포토샵

  • 색상 모드
  • 작업 공간
  • 픽셀
  • 레이어
  • 기본 서식
  • 선택 도구
  • 페인트 냄비
  • 타락한
  • 변형
  • 지적 개체
  • 합병
  • 브러쉬
  • 드로퍼
  • 그 연필
  • 클론 플러그
  • 패치
  • 사진 보정 도구
  • 그 펜
  • 클리핑 마스크
  • 레이어 마스크
  • 효과
  • 채널
  • 그림 설정
  • 조정 레이어
  • 필터
  • 인쇄 및 출력

03- 어도비 인디자인

  • 문서 / 책 / 도서관
  • 페이지 및 스프레드
  • 작업 공간
  • 여백과 열
  • 규칙
  • 안내선 및 격자 (계선)
  • 샘플
  • 생성 도구
  • 개체 (컨테이너)
  • 레이어
  • 변형
  • 라인업
  • 효과
  • 링크 패널
  • 레이스
  • 마스터 페이지
  • 타이포그래피
  • 캐릭터 옵션
  • 단락 옵션
  • 스타일 작업
  • 구성
  • 자동 페이징
  • 인터랙티브 요소
  • 인쇄 및 출력

HTML5, CSS3 및 자바 스크립트가 포함 된 웹 디자인 모듈

01- 웹 디자인, HTML5 및 CSS3

컴퓨터 장비 사용 소개

운영체제:

  • 윈도우
  • 리눅스

소프트웨어 설치 및 관리 :

  • 브라우저
  • 텍스트 편집기

파일 시스템 및 폴더

  • 파일 및 폴더 만들기
  • 웹 프로젝트 구성
  • 절대, 상대 및 URL 경로

웹 브라우징

네트워크 관리의 원칙

클라이언트-서버 아키텍처

서버 및 프로토콜

  • SSL 인증서
  • HTTP / HTTPS
  • FTP / SFTP / FTPS

고객 팀

라우터 및 스위치 소개

DNS (도메인 및 IP)

  • 공용 IP
  • 로컬 IP
  • 도메인 이름

호스팅, 주택 및 CPD

정적 웹 사이트를 만들기위한 기본 원칙

  • 사용 된 언어 (HTML5 및 CSS3)
  • 코드 실행 흐름
  • 웹 사이트의 시각적 구조

사용성 및 접근성의 원칙

웹 사이트 프로토 타이핑 (UX / UI)

  • 사용자 인터페이스 (Marvel)
  • 사용자 경험 (InVision)

HTML5

  • 태그 및 속성
  • 의미와 사용법
  • HTML5 문서 표준 및 구조
  • 코멘트
  • 단락, 헤드 라인 및 텍스트 형식
  • 멀티미디어 (이미지, 오디오 및 비디오)
  • 링크 및 버튼
  • 기울기
  • 테이블
  • 양식
  • iFrame
  • 메타 태그
  • Favicom

CSS3

CSS 연결

선택자와 의사 선택자

속성

  • 그림 물감
  • 텍스트 형식 및 변형
  • 높이, 넓음
  • 가장자리
  • 여백
  • 필링
  • 위치
  • 조정
  • 음영 및 그라디언트
  • 불투명
  • 변형
  • 필터

의사 클래스 (활성, 호버, 확인 됨, 첫 번째 자식, 마지막 자식, n 번째 자식)

유사 요소 (이후, 이전)

글꼴 가져 오기 및 구현 (미디어 및 글꼴 얼굴)

아이콘 가져 오기 및 구현 (글꼴 및 SVG)

CSS 변수

CSS 애니메이션 (키 프레임)

모바일 우선 인덱싱

  • 일반 구조 (플로트)
  • 단순 구조 (Flexbox)
  • 복잡한 구조 (CSS 그리드)

프레임 워크 및 API

  • 부트 스트랩 4
  • 구체화
  • 머티리얼 디자인

인터넷

  • 도메인 생성
  • 웹 호스팅 만들기
  • 웹 사이트를 서버에 연결 및 업로드

SEO

  • 웹과 Google Search Console 연결
  • 표준 링크 구현

02- 웹 개발 (프런트 엔드)

자바 스크립트

  • 프런트 엔드 프로그래밍 소개
  • 자바 스크립트. 일반 구문
  • HTML 문서에 JavaScript 포함
  • 첨부 파일의 JavaScript
  • HTML 코드 내부의 JavaScript
  • 자바 스크립트. 변수와 연산자
  • 지역 변수 및 전역 변수
  • 수치 변수
  • 숫자 변수에 대한 방법
  • 할당 연산자
  • 증가 및 감소 연산자
  • 수학 연산자
  • 텍스트 문자열 (문자열)
  • 텍스트 문자열에 대한 방법
  • 정의되지 않은 변수
  • NULL 변수
  • NaN 변수
  • JavaScript의 논리 연산자
  • 관계 연산자

jQuery

  • Jquery 소개
  • jQuery를 사용하는 단계
  • jQuery를 사용한 첫 번째 스크립트
  • JQuery 기초 : CSS 클래스 추가 및 제거
  • JQuery 기초 : 페이지 요소 표시 및 숨기기
  • JQuery 기초 : jQuery를 사용한 빠른 효과
  • JQuery 기초 : jQuery 함수 콜백
  • JQuery 기본 : jQuery와 함께 기본 Ajax 사용
  • JQuery 기초 :로드 메시지가있는 Ajax jQuery

웹 개발 모듈 풀 스택 개발

01- JavaScript 및 jQuery를 사용한 프런트 엔드 개발

복잡한 변수 및 흐름 제어 구조

  • 자바 스크립트. 복잡한 변수 유형
  • JavaScript의 배열
  • 배열 방법
  • JavaScript의 조건
  • 다른 경우라면
  • 스위치
  • JavaScript의 루프
  • 사이클
  • While 루프

JavaScript의 기능

  • JavaScript의 기능
  • 구문 및 사용법
  • JavaScript 범위
  • 기능 작업

DOM

  • 자바 스크립트. DOM
  • DOM 소개
  • 표기법 객체
  • 노드 생성
  • 노드 추가
  • 노드 수정, 교체 및 삭제
  • DOM 속성에 대한 액세스
  • 요소 스타일 수정
  • DOM 이벤트

고급 자바 스크립트. 사물

  • 개체 정의
  • 연관 배열
  • 속성
  • 행동 양식
  • () 및 호출 () 메서드 적용
  • JSON 표기법 소개
  • JavaScript에서 JSON 작업 (I)
  • JavaScript에서 JSON 작업 (II)

JavaScript의 AJAX

  • JavaScript의 AJAX
  • 시작하기
  • 첫 번째 신청
  • AJAX 애플리케이션의 작동 방식
  • XMLHttpRequest 객체의 메서드 및 속성
  • AJAX 용 객체
  • 저는 AJAX와 함께 일합니다. 드롭 다운 목록
  • 저는 AJAX와 함께 일합니다. 자동 완성 양식
  • 저는 AJAX와 함께 일합니다. RSS 리더
  • 저는 AJAX와 함께 일합니다. 구글지도

jQuery 고급

  • JQuery 3. 필수 방법
  • JQuery 함수 또는 $ () 함수
  • Core / each : 각 jQuery 코어
  • jQuery 코어의 크기 () 메서드 및 길이 속성
  • 데이터 () 핵심 jQuery 메서드
  • JQuery 선택기
  • jQuery의 계층 선택기
  • jQuery의 속성 메서드
  • jQuery에서 HTML 속성 액세스 및 수정
  • JQuery의 attr () 메서드, 기타 용도 및 removeAttr ()
  • JQuery Prop () 메서드 및 attr ()과의 차이점
  • JQuery CSS 메서드
  • JQuery CSS () 메서드
  • 요소의 크기와 위치를 알 수있는 JQuery CSS 함수
  • jQuery의 이벤트
  • jQuery의 이벤트 핸들러
  • jQuery의 이벤트 객체 소개
  • jQuery mouseenter 및 mouseleave의 마우스 이벤트
  • jQuery의 키보드 이벤트
  • bind ()로 이벤트를 정의하고 제거하십시오.
  • jQuery에서 live ()로 정의 된 이벤트
  • jQuery의 위임 된 이벤트
  • jQuery의 효과
  • jQuery animate () : CSS 속성 애니메이션
  • jQuery를 사용한 컬러 애니메이션
  • jQuery에서 페이딩
  • jQuery의 효과 큐
  • 효과 큐에 액세스하기위한 Queue () 메서드
  • jQuery 효과 대기열에 함수 넣기
  • jQuery 효과 큐 실행 중지
  • 대기열 효과의 실행을 지연시키는 Delay () 메서드
  • jQuery의 개인 효과 대기열 (기본값 아님)
  • jQuery에서 플러그인 개발
  • jQuery의 플러그인 개발 소개

02- PHP7을 사용한 백엔드 개발

PHP7의 첫 단계

  • 백엔드 프로그래밍 소개
  • PHP 페이지의 기본 구조
  • PHP 태그
  • 에코 기능
  • 명령 분리기
  • 코멘트
  • PHP와 HTML 혼합
  • 명명 규칙
  • PHP 구성
  • php.ini 구성 파일
  • 구성 정보
  • 문자 세트
  • 명령 줄에서 PHP 사용
  • PHP 언어의 기초
  • 상수 정의 및 범위
  • 변수 초기화 및 할당
  • 변수 범위 및 기간
  • 동적 변수 (또는 변수 변수)

PHP7의 데이터 유형

  • 자료형
  • 사용 가능한 유형
  • 스칼라 및 특수 데이터 유형
  • 배열
  • 배열. 생성, 조작 및 범위
  • 연산자
  • 값별 할당 연산자
  • 참조에 의한 할당 연산자
  • 산술 연산자
  • 문자열 연산자
  • 결합 된 연산자
  • 논리 및 비교 연산자
  • 삼항 연산자
  • NULL 공용체 연산자
  • 결합 된 비교 연산자
  • 연산자 우선 순위

PHP7의 제어 구조

  • PHP 7의 제어 구조
  • if 구조
  • 스위치 구조
  • PHP 7의 제어 구조
  • if 구조
  • while 구조
  • 할 ... while 구조
  • for 구조
  • foreach 구조
  • continue 및 break 문
  • 파일 포함
  • 작동 및 사용
  • 스크립트 중단
  • 인터페이스
  • 클래스 상수
  • 특성
  • 익명 클래스
  • 예외
  • PHP 스크립트에서 오류 관리
  • 일반 정보
  • PHP 오류 메시지
  • 오류 처리 기능

PHP7의 기능

  • PHP 기능 사용
  • 전문
  • 상수, 변수 및 데이터 유형 조작
  • 상수
  • 변수들
  • 자료형
  • 전환
  • 숫자 변수 조작
  • 가변 문자열 조작
  • 배열 조작
  • 정규식 사용
  • 정규식의 구조

MySQL 데이터베이스

  • 양식 및 링크 관리
  • 데이터 복구
  • 문자 인코딩
  • 필요한 데이터
  • 파일 보내기 및 다운로드
  • 데이터베이스에 액세스
  • 연결 및 분리
  • 기본 SQL 쿼리 (보기, 편집, 삭제 및 삽입)
  • 테이블 생성
  • PHP에서 레코드 저장
  • 결과 통합
  • 데이터 인코딩
  • 필드 유효성 검사

세션 관리

  • 세션 관리
  • 일반 정보
  • 형태별 식별
  • HTTP 인증을 통한 식별
  • 입력 한 ID 자격 증명을 확인하십시오.
  • 쿠키 사용
  • PHP 세션 관리 사용
  • 이행
  • 세션 식별자 전송 자체 관리
  • 방문 할 때마다 정보 유지
  • 가져 오기 / 게시 / 쿠키 / 세션 변수에 대한 간략한 요약
지난 8월 2020 갱신.

학교 소개

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 ... 자세히 알아보기

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. 짧게 보기
마드리드 , 세비야 , 마드리드 + 2 더 적게