web developer roadmap 다운로드 - web developer roadmap 소스 코드 다운로드

web developer roadmap

웹사이트 데이터

1.0.0

다운로드

웹 개발자 로드맵

웹 로드맵

웹 개발자 로드맵은 프론트 엔드, 백엔드 및 클라우드 (AWS)를 포함한 웹 개발을 이해하는 학습 경로입니다.

웹 개발을 배우는 방법?

웹 개발은 네 가지 다른 부분으로 나눌 수 있습니다.

데이터 베이스
백엔드
프론트 엔드
클라우드 (서버)

이 로드맵은 프론트 엔드 및 백엔드에 널리 사용되는 기술/프레임 워크로 구성됩니다. 또한 클라우드 (AWS)에 대한 개요 및 서버에 대한 정보도 포함됩니다.

Sprint 1- 기본 Linux 명령, 버전 제어, 웹 기술 및 코딩 규칙

실제 1.1- 기본 명령 및 버전 제어

터미널에서 다음 작업에 대한 명령을 작성하십시오
- 디렉토리에 세부 사항이있는 모든 파일을 나열하십시오
- 파일에 대한 권한 만 읽습니다
- 모든 파일에 대한 모든 읽기 및 쓰기 권한을 제공하십시오
- 자체 PC의 IP 주소를 얻습니다
- 디스크 공간 사용을 관찰하십시오
- 이전에 실행 된 명령 기록을 봅니다
- PHP를 설치/제거하는 Linux 명령
- MySQL 서비스를 시작/중지하는 Linux 명령
- 터미널에서 파일을 쓰고 저장하십시오
Gitlab에서 다음 작업을 수행하십시오
- gitlab에 대한 저장소를 만듭니다
- 저장소의 GIT 상태를 확인하십시오
- 새/업데이트 된 파일을 git 저장소에 커밋합니다
- git 저장소를 밀어 넣으십시오
- 저장소에서 새로운 변경 사항을 가져옵니다
- 새로운 지점을 확인하십시오
- 분기를 다른 분기로 병합하십시오
- 레바스와 스쿼시
- 병합 요청을 만듭니다
- 이 repo를 복제하라는 명령을 작성하십시오

참조

기본 리눅스 명령
버전 제어 란 무엇입니까?
git을 사용하는 방법
- git로 버전 제어
- GIT : 핵심 버전 제어 개념 이해를위한 초보자 안내서
- git 명령

실용적인 1.2- 코딩 규칙이있는 기본 웹 기술

코딩 표준을 가진 UI 디자인
- 링크에 주어진 정적 UI를 설계하십시오
- 링크에 주어진 디자인 응답 UI

참조

html5
- Udemy의 웹 개발 부트 캠프 과정 - 섹션 2 및 3
- 무료 코드 캠프의 기본 HTML 및 HTML5
CSS3
- Udemy의 웹 개발 부트 캠프 과정 - 섹션 4 및 5
- Udemy의 웹 개발 부트 캠프 과정에서 부트 스트랩 - 섹션 6 및 8
- Flexbox 란 무엇입니까?
- 무료 코드 캠프의 프론트 엔드 라이브러리의 부트 스트랩
- 무료 코드 캠프에서 반응 형 웹 디자인 인증 과정을 마치십시오.
코드 서식 및 모범 사례
- 25 대부분의 사용 대 코드 바로 가기
- Code의 코드 형식
- 웹 개발 모범 사례

실용적인 1.3

장치 변환기
- 사용자로부터 입력하고 요청한 장치의 값을 출력 해야하는 장치 변환기를 작성하십시오 (변환 장치는 센티미터, 미터 및 킬로미터가 될 수 있음)

참조

JavaScript & JQuery
- Udemy의 Web Development Bootcamp 코스의 기본 JavaScript- 섹션 9 및 10
- 기본 JavaScript, ES6, 일반 표현식 및 무료 코드 캠프 디버깅
- Udemy의 웹 개발 부트 캠프 과정 - 섹션 11 및 13
- 무료 코드 캠프의 JSON, API 및 AJAX
- 무료 코드 캠프에서 JavaScript 알고리즘 및 데이터 구조를 마치십시오.
- Udemy의 웹 개발 부트 캠프 과정 - 섹션 14 ~ 16
- Free Code Camp에서 프론트 엔드 라이브러리 프로젝트를 마치십시오
- ==와 ===의 차이
- jQuery의 기본
코딩 규칙
- 코딩 표준 -1
- 코딩 표준 -2

Sprint 2 -Docker, 데이터베이스 및 PHP

실용적인 2.1

Docker를 사용하여 MySQL을 설치하십시오
Docker를 사용하여 MongoDB를 설치하십시오

참조

Docker는 무엇입니까?
Docker를 시작합니다
Docker를 사용하여 MySQL을 설치하십시오
Docker를 사용하여 MongoDB를 설치하십시오

실용적인 2.2

MySQL에서 다음 쿼리를 수행하십시오
- 필드 ID, First_Name, Last_Name, 표준, 백분율, 관심 등을 가진 students 이라는 이름의 테이블을 만들고 데이터를 삽입하십시오.
- Fields ID, Create_at, Presence/Absields를 사용하여 Table student_attendances 작성 및 데이터를 삽입하십시오.
- Fields ID, First_Name, Last_Name, 주제, 관심사 등이있는 teachers 라는 표를 작성하고 데이터를 삽입하십시오.
- Fields ID, Create_at, Presence/Absields를 사용하여 TABLE teachers_attendances 생성 및 데이터를 삽입하십시오.
- 특정 날에 학생의 존재 또는 부재를 찾기 위해 쿼리 준비
- 모든 학생의 총 결석/존재를 찾으십시오
- 70보다 낮은 비율의 학생들을 찾으십시오.
- Higest가있는 학생을 찾으십시오
- 모든 학생과 교사의 첫_name, last_name, full_name, 관심, 표준, 주제 및 총 부재를 받으십시오.
MongoDB에서 다음 쿼리를 수행합니다 (Mongodbplayground를 사용하여 쿼리를 사용할 수 있음)
- Fields ID, First_Name, Last_Name, 표준, 백분율, 관심 등을 가진 students 이라는 컬렉션을 작성하고 데이터를 삽입하십시오.
- 70 % 미만의 비율을 가진 학생들을 찾고 스포츠에 대한 관심을 가진 학생을 찾으십시오.
- 총 학생을 70 % 이상으로 계산하십시오

참조

웹 개발 부트 캠프 코스 Udemy- 섹션 24 및 25
MySQL 하위 쿼리 및 Union 쿼리

실용적인 2.3

PHP를 사용하여 다음 요구 사항으로 블로그 응용 프로그램을 만듭니다
- 양면이 있어야합니다
  - 1. 관리자
  - 1. 사용자
- 사용자와 관리자 모두에 대한 등록 및 로그인 기능 구현
- admin은 게시물을 추가 할 수 있습니다 (게시물 필드 - 제목, 설명, create_date, 작성자, 카테고리, 이미지)
- 관리자는 게시물을 볼 수있는 사용자를 결정할 수 있습니다
- 추가 된 게시물이 사용자 측에서 볼 수 있습니다 (최신 첫 번째)

참조

PHP : 언어 참조
PHP : 소개
코딩 표준

기본 개념

설치 WAMP/MAMP/XAMPP
정확히 어떻게 작동합니까?
기본 구문
변수, 상수, 운영자 및 제어 구조
조건, 루프, 스위치 케이스
배열, 문자열 및 다양한 문자열 함수
기능
포함 및 필수
클래스 및 객체 및 생성자
네임 스페이스
확장
예외
JSON 인코딩 및 디코딩
세션
쿠키
파일 조작
색인 배열 대 연관 배열
객체 대 stdobject
PHP 스크립트의 시간 초과

사전 정의 된 변수

http://php.net/manual/en/reserved.variables.php
$ Global
$ _server
$ _get
$ _post
$ _files
$ _request
$ _session
$ _cookie

고급 옵션

인터페이스
특성
크론
작곡가
php.ini 조정

키워드

사적인
공공의
공전

스프린트 3- 골랑

실용적 3.1

주어진 요구 사항이있는 음악 앱을 구현합니다

기본 개념

왜 간다?
Go에서 Hello World 프로그램을 실행하십시오
GO 모듈
진 프레임 워크
상수, 가변 유형
함수, 멀티 리턴 함수, init ()
패키지 및 가져 오기
조건부 진술 및 루프
배열 및 슬라이스
포인터, 스트러크 및 방법
오류 처리
GOFMT
모범 사례
기타
- JWT
- JSON
- 휴식 API

사전 개념

이동하는지도
동시성 및 고 루틴
연기
오류 처리
공황과 회복
반사
변환을 입력하십시오
파일 조작
벌채 반출
JWT (JSON Web Token)와의 인증

패키지

진
MySQL 패키지
NET/HTTP
파일 압축기
벌채 반출
Mongodb
ioutil
OS
문자열
정적 파일을 바이너리에 구문 분석합니다
널 값 핸들러
JWT
socket.io
보초

Sprint 4 -Node.js

실용적 4.1

일대일 실시간 채팅 응용 프로그램을 구현하십시오

실용적 4.2

주어진 요구 사항이있는 전자 상거래 앱을 구현하십시오

참조

방사
NPM
원사 대 NPM
마디
왜 node.js?
기본 개념 :
- commonjs 및 esmodule
- 콘솔
- 범위
- '이'키워드 파트 1
- '이'키워드 파트 2
- 패키지 이해 .json
- 수입/수출이 필요합니다
- 콜백
- 비동기 인식
- Async.waterfall ()
- 심판
- 이벤트 루프
- 노드 메일러가 이메일을 보낼 수 있습니다
- 모범 사례
Express.js
- 설치
- Express Generator
- 라우팅
- 정적 파일 호스트
- 템플릿 엔진 (EJS)
- 바디 파서

스프린트 5 -vue.js

실용적 5.1

주어진 요구 사항과 함께 vue.js를 사용하여 전자 상거래 앱의 프론트 엔드 구현

참조

vue.js로 시작하십시오
초보자를위한 테일 윈드 CS
Tailwind CSS 튜토리얼
피니아
개념
- vue.js는 무엇입니까?
- 시작하기
- 설치
- 응용 프로그램 및 구성 요소 인스턴스
- 템플릿 구문
- 데이터 속성 및 방법
- 계산 된 속성 및 감시자
- 클래스와 스타일 바인딩
- 조건부 렌더링, 조건부 스타일 바인딩
- 목록 렌더링
- 이벤트 처리
- 입력 바인딩을 형성합니다
- 구성 요소 기본 사항
- 소품
- 구성 요소 등록
- 슬롯
- 템플릿 참조
- 국가 관리