[[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 전체 || ─ || To-do list 만들어오기 || || 2019.05.13 || ─ || To-do list 만들기 || ─ || ─ || || 2019.05.20 || ─ || 축제 휴강 || ─ || ─ || || 2019.05.27 || ─ || 나귀에서 마무리 복습 || ─ || 회고 작성 || == 회고 == || 이름 || 회고 || || [고주형] ||Web에 대한 기본적인 구조를 파악하고 Html Css JavaScript Gatsby등 여러가지에 대해 감을 잡을 수 있어서 유익했어요 || || [박소현] ||Web이 대해서 전체적인 흐름을 볼 수 있어서 좋았습니다! 적어도 이제는 tistory에 있는 html과 css코드를 보고 이해할 수 있게 되었어요. 근데 react나 jquery를 나가지 못해서 아쉽네요. 2학기 때 할 수 있다면 다시 웹 스터디를 열어서 그 이후를 나가고 싶어요! 그리고 스터디를 진행해보니까 의외로 진도 나가기가 버거웠습니다. 다음에는 조금씩 나가는 게 좋을 것 같아요. || || [이호민] || || || [최진혁] || || == 댓글 == * 저도 타도 되나요 - [조예진] * 저도 타도 되나요 - [김정민] * 저도 타도 되나요 - [이태균] * [조예진], [김정민], [이태균] 넹 근데 완전 입문자용이에요. 참가자 확정을 위해서 참가자 목록에 올려주세요! - [박소현] * 시간 명시 해주세요! * 이번주내로 정하겠습니다! - [박소현] * 프로그래밍언어는 아닙니다(단호) - [이민욱] * 그치만..! - [박소현]