modernweb_course

최신 웹 개발

이집트 소프트웨어 개발 시장은 국제 시장에 비해 전문 인력이 부족한 문제를 겪고 있습니다. 본 과정에서는 웹 개발 분야의 최신 안정적인 소프트웨어 개발 사례, 프로젝트 아키텍처, 디자인 패턴 및 기술을 다룹니다.

이 과정은 소프트웨어 개발 분야에서 경력을 쌓고 싶거나 스타트업을 위한 저렴한 비용으로 MVP를 만들고 싶은 사람들을 대상으로 합니다. 이 과정을 마치면 최신 기술에 익숙해지고 개발 스택에 대해 현명한 결정을 내릴 수 있습니다.

이 과정의 구조는 초보 개발자가 이 도구가 작업에 적합한지 비판적으로 생각하지 않고 프레임워크 채택과 라이브러리 사용을 시작한다는 개념에 크게 좌우됩니다.

코스 흐름

• 본 강좌는 13개 세션으로 구성됩니다.
• 각 세션은 연습과 토론의 두 부분으로 구성됩니다.
  • 운동하는 동안 코스 과제를 해결하게 됩니다.
  • 토론하는 동안 다음 과제에 대해 논의하겠습니다.
  • 논의된 모든 개념은 과제에 문서화되어 있습니다.
  • 불명확한 개념을 설명하겠습니다.
• 각 세션이 끝나면 진행 상황에 따라 강의 자료를 업데이트할 예정입니다.
• 내가 당신에게 점수를 매겨야 하기 때문에 과제는 각각 10%입니다.
  • 성적은 완료 시 부여됩니다(내가 완료한 것으로 간주함).
  • 과제는 세션 중에 채점됩니다.
  • 성적은 완료 수준에 따라 부분적으로 평가될 수 있습니다.
  • 최고의 10개 과제가 고려됩니다.
  • 세션 전에 과제를 읽거나 해결을 시작하는 것이 좋습니다.
  • 과제를 완료할 수 없는 경우 다음 연습 시간 전에 과제를 완료할 수 있는 권한을 부여받을 수 있습니다.
• 첫 번째 세션은 토론 전용 세션입니다.
• 마지막 세션은 과제 전용 세션입니다.
• 코스가 끝나면 우리 모두 피자를 먹어야 해요.

당신은 필요합니다

• Bash 쉘이 있는 노트북(Unix 기반 OS 또는 Ubuntu 터미널이 있는 Windows 10)
• 최신 브라우저(예: 최신 Google Chrome)
• 인터넷
• NodeJS
• 힘내
• Atom과 같은 텍스트 편집기

코스 세션

이번 강좌에서는 소개하겠습니다.

1. 웹 애플리케이션의 역사

이 세션에서는 개발자가 배울 수 있는 기존 환경과 이 과정에서 다룰 내용에 대해 이야기하겠습니다.

• 강좌에 대한 기대치를 설정합니다.
• 우리가 해결할 문제.
• 웹 애플리케이션 기록.
• 바벨과 노드를 사용해 ES6 프로젝트 설정하기
• 웹팩

다음 시간을 위한 과제

• 라이브러리 없이 간단한 웹앱 구축
• 우리가 직면한 기본적인 문제
• 코드를 sepret 파일로 분할
• OOCSS와 BEM

2. 최신 애플리케이션의 수명: 데이터 렌더링 보기

이 세션에서는 기본 Javascript 기능을 요약하고 함수형 프로그래밍 개념을 살펴보겠습니다.

• 플렉스박스
• es6 기능 템플릿 문자열
• 데이터를 HTML로 렌더링하는 구성 요소

다음 시간을 위한 과제

• HTML로 렌더링 코드 완성

3. 최신 애플리케이션의 수명: 작업 업데이트 데이터

• DOM 이벤트
• 코드 범위 지정
• 관찰자 패턴을 사용한 이벤트 기반 프로그래밍

다음 시간을 위한 과제

• Flux 아키텍처(데이터 다운 동작 업)

4. 최신 애플리케이션의 수명: 테스트

• 단위 테스트 HTML 렌더링
• 순수 기능
• 스테이트 스토어
• 모의 및 스텁
• 의존성 주입

다음 시간을 위한 과제

• 렌더링 기능 테스트
• 액션 디스패처 테스트하기
• 스토어를 변경하는 작업 테스트

5. 최신 애플리케이션의 수명: 뷰가 이벤트를 트리거합니다.

• NodeJS: 모듈
• 빌드 도구: gulp
• 가상 돔 렌더링
• 테스트 작업 실행
• 브라우저화하다

다음 시간을 위한 과제

• 카운터라는 새로운 종류의 할일 항목 개발
• 이제 할일 항목을 편집할 수 있습니다

6. 최신 애플리케이션의 수명: 비동기 코드

• 자바스크립트 이벤트 루프
• 가져오기에 대한 약속
• Express를 사용하여 간단한 REST 서버 만들기
• 소켓
• 비동기식
• 반응형 프로그래밍

---

					_MIDTERM BREAK_

---

7. 지속적인 통합 및 배포

1. Git 페이지가 포함된 프런트 엔드 * Git 저항 * CI를 사용하여 github에 코드 배포 * Nginx를 사용하여 SSH 및 암호화
2. Capistrano를 사용한 백엔드(노드 플라이트) * SSH를 사용하여 서버에 배포 * CI를 사용하여 git pull 요청 수락 자동화 * 배포를 위해 flightplan 사용

8. MVP에 필요한 모든 것

1. 파이어베이스 * *
2. Firebase로 테스트 * *

8. 대규모 앱을 위한 아키텍처: 문제

1. 반응 * *
2. 프로그레시브 웹앱 * *

9. 대규모 앱을 위한 아키텍처: 프레임워크

1. 반응 * *
2. GraphQL * *

10. 리액트 네이티브 스크립트

1. 설정 * *
2. 푸시 알림 *

11. 잃어버린 시간을 위한 추가

1. 전자 * *

12. 잃어버린 시간을 위한 추가

메모

• FAQ 시트 사용

#강의