[[TableOfContents]]


== 개요 ==
~~고양이요~~

웹 개발 입문자용 스터디

 * 웹 개발의 기초인 '''HTML&CSS'''부터 시작합니다.
 * 각 주제에 깊이 공부하는 것이 아닌 프론트엔드와 백엔드의 원리를 배워 '''웹에 대한 큰 그림'''을 그리는 것에 초점이 맞춰져 있습니다.
 * 더 깊이 배우고 싶으신 분은 다른 스터디에 참여하시거나 따로 스터디를 만드시는 것을 권장드립니다.
 * [https://opentutorials.org/course/1 생활코딩]을 바탕으로 스터디를 진행합니다.
 * '''강의+실습 위주'''로 진행합니다. 각 코스가 끝났을 때 '''간단한 개인 프로젝트'''를 진행합니다.
 * '''필요에 의한 학습'''을 지향합니다.
 * 모든 발표 자료는 [https://github.com/IamGroooooot/ButHtmlIsProgrammingLang GitHub]에 올라옵니다.


== 진행 ==
attachment:curriculum_final3.png?width=800
=== 강의 === 
'''1. HTML'''
    * 강의 : 생활코딩 WEB1 - [https://opentutorials.org/course/3084 HTML&Internet]
     * 진도표 : 코딩야학 WEB1 - HTML & Internet [https://yah.ac/yahac3 진도표]

'''2. CSS'''
    * 강의 : 생활코딩 WEB2 - [https://opentutorials.org/course/3086 CSS]
     * 진도표 : 코딩야학 WEB2 - CSS [https://yah.ac/web2css 진도표]

'''3. JS'''
    * 강의 : 생활코딩 WEB2 - [https://opentutorials.org/course/3085 JavaScript]
     * 진도표 : 코딩야학 WEB2 - JavaScript [https://yah.ac/web2javascript 진도표]
    * 강의 : 생활코딩 [https://www.youtube.com/watch?v=DHIlPmJUDzk&list=PLuHgQVnccGMAMctarDlPyv6upFUUnpSO3 JavaScript 객체지향 프로그래밍] 
    * 강의 : 노마드 코더 [https://academy.nomadcoders.co/courses/enrolled/435558 초보자를 위한 바닐라 JavaScript]
    * 강의 : 노마드 코더 [https://www.youtube.com/playlist?list=PL7jH19IHhOLMmmjrwCi7-dMFVdoU0hhgF 33 Concepts of Javascipt]

'''4. React'''
    * 강의 : 노마드코더 [https://www.inflearn.com/course/reactjs-web/ 리액트 처음이시라구요? React JS로 웹 서비스 만들기!]
    * 강의 : 생활코딩 [https://www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi React]

'''5. JQuery'''
    * 강의 : 생활코딩 [https://opentutorials.org/course/53 JQuery]

'''6. Node.js'''
    * 강의 : 생활코딩 WEB2 - [https://opentutorials.org/course/3332 Node.js]

'''7. Express'''
    * 강의 : 생활코딩 WEB2 - Node.js - [https://opentutorials.org/course/3370 Express]


=== 스터디 === 
'''1. 매주 일주일 스터디 분량을 정해 한 사람씩 PPT 혹은 자료를 만들어와 발표'''
    * 간단히 키워드 위주로 발표 예정
    * 최대 15분동안 발표
    * 이 시간에 궁금한 것들을 자유롭게 질문

'''2. 발표자가 일주일 스터디 주제에 해당하는 것에 대한 실습거리를 가지고 와서 실습'''
    * 여태까지 배운 것 + 일주일 동안 공부한 내용으로 할 수 있는 실습으로 제한
    * 배운 것을 응용하는 것에 초점을 맞춤

'''3. 각 코스가 끝나면 간단한 프로젝트를 진행'''
    * 큰 프로젝트가 아닌 지금까지 배웠던 것을 써먹기 위한 간단한 프로젝트
    * 프로젝트 방식은 아직 미정



== 자료 ==
 * [https://courses.wesbos.com/account/access/5c852d8f85f96c03c1e38a89 Javascript30] - 30여개의 JS프로젝트
 * [https://www.w3schools.com/html/html_examples.asp W3S] - HTML, CSS, JS, 서버, XML 튜토리얼 제공
 * [https://github.com/yjs03057/33-js-concepts 33 JavaScript Concepts KR] - 모든 자바스크립트 개발자가 알아야 하는 33가지 개념 


== 참가자 ==
 * [고주형]
 * [박소현]
 * [이호민]
 * [조예진]
 * [최진혁]

> 최대 6명까지 스터디를 진행합니다. 

> 궁금한 사항이 있으시거나 참가를 희망하시는 분은 '''[박소현]'''에게 연락 부탁드립니다!



== 기록 ==
|| 날짜 || 발표자 || 진행 || 자료 || 과제 ||
|| 2019.03.22 || [고주형] || HTML 전체 / Git과 GitHub ||  [https://github.com/IamGroooooot/ButHtmlIsProgrammingLang/blob/master/html_Juhyeong.pptx PPT] || ─ ||
|| 2019.04.01 || [박소현] || CSS 전체 / Udacity - HTML Exercises || [https://github.com/CoodingPenguin/web-open-tutorials/blob/master/web2-css/README.md 문서] || 구글 홈페이지 클론 ||
|| 2019.04.08 || [이호민] || 저번 주 과제 발표 || ─ || 못한 과제 완성해오기 ||
|| 2019.05.06 || 미정 || JavaScript 전체 || || ||



== 댓글 ==
 * 저도 타도 되나요 - [조예진]
 * 저도 타도 되나요 - [김정민]
 * 저도 타도 되나요 - [이태균]
  * [조예진], [김정민], [이태균] 넹 근데 완전 입문자용이에요. 참가자 확정을 위해서 참가자 목록에 올려주세요! - [박소현]
 * 시간 명시 해주세요!
  * 이번주내로 정하겠습니다! - [박소현]
 * 프로그래밍언어는 아닙니다(단호) - [이민욱]
  * 그치만..! - [박소현]