웹퍼블리싱설명서
페이지 정보
본문
제대로 파는 HTML & CSS - 웹 퍼블리싱 끝.장.내.기
#html #css #코딩
- HTML과 CSS의 기초부터 고급까지
- Emmet으로 HTML 간편하게 코딩하기
- 웹 표준을 준수하는 퍼블리싱
- 포지션, 각종 레이아웃, 선택자 등 어려운 CSS 개념들
- 상속과 리세팅, 벤더 프리픽스, 포커스 비저블 등 복잡한 개념들
- 변수, 웹폰트, 필터, 애니메이션 등 고급 기능 활용법
- 반응형으로 모바일 환경에 대응하기
- 접근성 - 다양한 사용자를 배려하는 웹사이트 만들기
- 시멘틱 태그와 BEM을 활용한 적절한 사이트 구성
- 파이널 프로젝트를 통한 실전 지식
0:00 0-1. 강의 소개
1:38 0-2. ⭐️ 강의를 듣는 방법
6:52 0-3. 수강을 위한 환경 세팅
16:27 0-4. HTML, CSS, JavaScript가 뭔가요?
22:31 1-1. 제목과 본문
43:20 1-2. 종류와 중요도에 따른 태그
53:00 1-3. 인용된 컨텐츠
1:04:40 1-4. 나열되는 요소들
1:13:24 1-5. 이미지 넣기
1:25:17 1-6. 표 사용하기
1:36:20 1-7. 다른 곳으로의 링크
1:45:44 1-8. 사용자로부터 입력 받기 1
1:52:17 1-9. 사용자로부터 입력 받기 2
2:12:43 1-10. 사용자로부터 입력 받기 3
2:27:47 1-11. CSS로 넘어가기 전에
2:36:52 2-1. CSS 적용방법과 선택자들
2:59:18 2-2. 글자와 텍스트 스타일
3:21:23 2-3. 문단과 목록 스타일
3:30:51 2-4. 색 표현하기
3:41:36 2-5. 인라인 요소와 블록 요소
3:55:05 2-6. 박스 모델 1
4:13:41 2-7. 박스 모델 2
4:28:08 2-8. 배경 꾸미기
4:42:16 2-9. 포지셔닝
4:56:04 2-10. 요소들을 감추는 방법들
5:03:54 2-11. Flex 레이아웃
5:26:28 유료 파트에서 배우게 될 것
= = =
전체강의 들으러 가기:
https://www.inflearn.com/course/제대로-파는-html-css?inst=8a7619aa
얄코사이트: https://www.yalco.kr
얄코 도서: https://www.yalco.kr/book/
제대로 파는 자바:
제대로 파는 Git \u0026 GitHub:
제대로 파는 자바스크립트:
제대로 파는 HTML \u0026 CSS:
갖고 노는 MySQL 강좌:
반응형 프로그래밍 RxJS 강좌:
@yalco-coding : [전체강의 링크 & 대학생 반값할인]
1. 전체 강의(약 11시간) 수강하기
아래 링크에서 유료 파트가 포함된 전체강의를 수강하실 수 있습니다.
https://www.inflearn.com/course/제대로-파는-html-css?inst=8a7619aa
2. 전체강의 대학생 할인
대학교 이메일 계정이 있다면 아래 링크를 클릭해주세요!
https://www.yalco.kr/univ-dc/?lecture=html-css
@dayoungkim9885 : 정말 너무 감사드려요
@hdk7836 : 와... 마침 html css 강의 구매 해야지 하고 생각하고 있었는데 타이밍이 ㄷㄷㄷ
@user-yc8tx4ny8z : my review index 2:00:45 2:00:45 2:00:45 2:00:45 2:00:45
1:04:44 나열되는 요소들
1:25:18 표 사용하기
2:36:53 CSS 적용방법과 선택자들
@changpyojun4628 : 이 강좌를 통해 성공할 수 있도록 하겠습니다. 강사님도 꼭 대성하십시오! 감사합니다.
웹개발 이렇게 쉬웠나? 웹사이트 7분만에 개발하고 실전 배포하기
이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 웹사이트를 개발하기 위해 템플릿을 활용하여 개발 및 배포하고 수정하는 방법까지 모두 배우는 강의입니다.
5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
수업페이지: jocoding.net
디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 2022 코딩 기초와 웹 프로그래밍
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 미리보기
00:04 구글링으로 오픈소스 가져오는 방법
01:12 저작권 확인하기
01:36 템플릿 다운로드 후 열기
02:12 웹사이트 개발하기
02:55 템플릿의 원하는 부분 찾아서 수정하기
03:47 웹 Deploy 배포하기
03:54 배포하는 원리와 방법 2가지
05:37 클라우드 서버
06:05 Netlify 이용하여 배포하기
07:22 도메인 URL 수정하기
08:00 수정하여 업데이트하는 방법
09:37 지난 시간 기사 조작이 실제로 안되었던 원리
10:44 자주 나오는 질문: 내 컴퓨터의 이미지에 접근하는 것
11:43 동영상, gif 첨부 방법
12:07 나머지 커리큘럼 소개
12:36 VVIP 후원 감사인사
#코딩 #웹개발 #배포 #html #deploy
26살 웹 프론트엔드 개발자의 삶
출연 신청 : gohasa00@gmail.com
#프론트엔드 #웹개발 #웹개발자 #코딩
@hyosunglim : 아핱ㅋㅋㅋ 이렇게 보니 엄청 어색하네요 촬영 너무 재밌었어요! ㅋㅋ
@user-rq6gh7ph1p : 너무 재밌게 봤습니다
@HanSangWon86 : 11:06
아령으로 스트레스 푸시는 것 보고
저도 사용해봤습니다.
오, 효과는 놀라웠습니다.
정말로 스트레스가 감소하고
하던 작업에 더 집중할 수 있게 되었습니다.
아령을 알려주셔서 감사합니다.
많은 도움이 되었습니다.
@user-rc5bc7vx9b : 레알 초현실 개발자 라이프 ㅋㅋㅋ
@GoodGuy374 : 짜증나도 일할수 있다는 직장이 있다는게 참 감사한거죠. 물론 다닐때는 모름. 전 연봉 좀 빠르게 올려보려고 이직 트리 잘못탓다가 올해 초에 있던 인원감축에 걸려서 짤려나가고, 새직장 구할때 배짱 피다가 개고생 했습니다. 올해 초에 인원감축 걸린 회사도 다닌지 6개월 밖에 안되고 그전 직장 대비 연봉도 높고, 100% 재택에 편해서 갔었는데 사람이란게 일단 연봉 XX원을 받으면 다음 직장은 그것보다 조건 좋고 더 연봉 높은데로 가고 싶은 욕심이 있어서 더 나쁜 조건의 곳은 선택지에서 전부 제외하게 되더라고요. 그리고 연초에는 회사에서 짤려도 리쿠르터 연락이 빗발쳐서 더 좋은데 금방 찾겠지하고 신경 안썼는데, 따지고 따지다 보니 몇개월 훅 지나가고 그다음부터 잡마켓이 나빠져서 제 조건에 맞는 오픈 포지션이 안나오더라고요. 그렇게 6개월 정도 더 놀다 보니까 정신이 번쩍들고 제발 비슷한 조건이라도, 아니 조금 더 나빠도 할께 하는 절박함이 생기더라고요. ㅎㅎ 어쨌든 결국 1년을 놀고 전 진장보다 더 높은 연봉과 복지있는 새직장 찾아서 오퍼 받고 몇주후 부터 시작하는데, 1년동안 무수입에 돈만 까먹고 살다보니 정신이 피폐해지고 정말 미치겠더라고요. 진짜 폐인된 기분이 이런거구나를 실감하게 됨.
#html #css #코딩
- HTML과 CSS의 기초부터 고급까지
- Emmet으로 HTML 간편하게 코딩하기
- 웹 표준을 준수하는 퍼블리싱
- 포지션, 각종 레이아웃, 선택자 등 어려운 CSS 개념들
- 상속과 리세팅, 벤더 프리픽스, 포커스 비저블 등 복잡한 개념들
- 변수, 웹폰트, 필터, 애니메이션 등 고급 기능 활용법
- 반응형으로 모바일 환경에 대응하기
- 접근성 - 다양한 사용자를 배려하는 웹사이트 만들기
- 시멘틱 태그와 BEM을 활용한 적절한 사이트 구성
- 파이널 프로젝트를 통한 실전 지식
0:00 0-1. 강의 소개
1:38 0-2. ⭐️ 강의를 듣는 방법
6:52 0-3. 수강을 위한 환경 세팅
16:27 0-4. HTML, CSS, JavaScript가 뭔가요?
22:31 1-1. 제목과 본문
43:20 1-2. 종류와 중요도에 따른 태그
53:00 1-3. 인용된 컨텐츠
1:04:40 1-4. 나열되는 요소들
1:13:24 1-5. 이미지 넣기
1:25:17 1-6. 표 사용하기
1:36:20 1-7. 다른 곳으로의 링크
1:45:44 1-8. 사용자로부터 입력 받기 1
1:52:17 1-9. 사용자로부터 입력 받기 2
2:12:43 1-10. 사용자로부터 입력 받기 3
2:27:47 1-11. CSS로 넘어가기 전에
2:36:52 2-1. CSS 적용방법과 선택자들
2:59:18 2-2. 글자와 텍스트 스타일
3:21:23 2-3. 문단과 목록 스타일
3:30:51 2-4. 색 표현하기
3:41:36 2-5. 인라인 요소와 블록 요소
3:55:05 2-6. 박스 모델 1
4:13:41 2-7. 박스 모델 2
4:28:08 2-8. 배경 꾸미기
4:42:16 2-9. 포지셔닝
4:56:04 2-10. 요소들을 감추는 방법들
5:03:54 2-11. Flex 레이아웃
5:26:28 유료 파트에서 배우게 될 것
= = =
전체강의 들으러 가기:
https://www.inflearn.com/course/제대로-파는-html-css?inst=8a7619aa
얄코사이트: https://www.yalco.kr
얄코 도서: https://www.yalco.kr/book/
제대로 파는 자바:
제대로 파는 Git \u0026 GitHub:
제대로 파는 자바스크립트:
제대로 파는 HTML \u0026 CSS:
갖고 노는 MySQL 강좌:
반응형 프로그래밍 RxJS 강좌:
@yalco-coding : [전체강의 링크 & 대학생 반값할인]
1. 전체 강의(약 11시간) 수강하기
아래 링크에서 유료 파트가 포함된 전체강의를 수강하실 수 있습니다.
https://www.inflearn.com/course/제대로-파는-html-css?inst=8a7619aa
2. 전체강의 대학생 할인
대학교 이메일 계정이 있다면 아래 링크를 클릭해주세요!
https://www.yalco.kr/univ-dc/?lecture=html-css
@dayoungkim9885 : 정말 너무 감사드려요
@hdk7836 : 와... 마침 html css 강의 구매 해야지 하고 생각하고 있었는데 타이밍이 ㄷㄷㄷ
@user-yc8tx4ny8z : my review index 2:00:45 2:00:45 2:00:45 2:00:45 2:00:45
1:04:44 나열되는 요소들
1:25:18 표 사용하기
2:36:53 CSS 적용방법과 선택자들
@changpyojun4628 : 이 강좌를 통해 성공할 수 있도록 하겠습니다. 강사님도 꼭 대성하십시오! 감사합니다.
웹개발 이렇게 쉬웠나? 웹사이트 7분만에 개발하고 실전 배포하기
이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 웹사이트를 개발하기 위해 템플릿을 활용하여 개발 및 배포하고 수정하는 방법까지 모두 배우는 강의입니다.
5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
수업페이지: jocoding.net
디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 2022 코딩 기초와 웹 프로그래밍
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 미리보기
00:04 구글링으로 오픈소스 가져오는 방법
01:12 저작권 확인하기
01:36 템플릿 다운로드 후 열기
02:12 웹사이트 개발하기
02:55 템플릿의 원하는 부분 찾아서 수정하기
03:47 웹 Deploy 배포하기
03:54 배포하는 원리와 방법 2가지
05:37 클라우드 서버
06:05 Netlify 이용하여 배포하기
07:22 도메인 URL 수정하기
08:00 수정하여 업데이트하는 방법
09:37 지난 시간 기사 조작이 실제로 안되었던 원리
10:44 자주 나오는 질문: 내 컴퓨터의 이미지에 접근하는 것
11:43 동영상, gif 첨부 방법
12:07 나머지 커리큘럼 소개
12:36 VVIP 후원 감사인사
#코딩 #웹개발 #배포 #html #deploy
26살 웹 프론트엔드 개발자의 삶
출연 신청 : gohasa00@gmail.com
#프론트엔드 #웹개발 #웹개발자 #코딩
@hyosunglim : 아핱ㅋㅋㅋ 이렇게 보니 엄청 어색하네요 촬영 너무 재밌었어요! ㅋㅋ
@user-rq6gh7ph1p : 너무 재밌게 봤습니다
@HanSangWon86 : 11:06
아령으로 스트레스 푸시는 것 보고
저도 사용해봤습니다.
오, 효과는 놀라웠습니다.
정말로 스트레스가 감소하고
하던 작업에 더 집중할 수 있게 되었습니다.
아령을 알려주셔서 감사합니다.
많은 도움이 되었습니다.
@user-rc5bc7vx9b : 레알 초현실 개발자 라이프 ㅋㅋㅋ
@GoodGuy374 : 짜증나도 일할수 있다는 직장이 있다는게 참 감사한거죠. 물론 다닐때는 모름. 전 연봉 좀 빠르게 올려보려고 이직 트리 잘못탓다가 올해 초에 있던 인원감축에 걸려서 짤려나가고, 새직장 구할때 배짱 피다가 개고생 했습니다. 올해 초에 인원감축 걸린 회사도 다닌지 6개월 밖에 안되고 그전 직장 대비 연봉도 높고, 100% 재택에 편해서 갔었는데 사람이란게 일단 연봉 XX원을 받으면 다음 직장은 그것보다 조건 좋고 더 연봉 높은데로 가고 싶은 욕심이 있어서 더 나쁜 조건의 곳은 선택지에서 전부 제외하게 되더라고요. 그리고 연초에는 회사에서 짤려도 리쿠르터 연락이 빗발쳐서 더 좋은데 금방 찾겠지하고 신경 안썼는데, 따지고 따지다 보니 몇개월 훅 지나가고 그다음부터 잡마켓이 나빠져서 제 조건에 맞는 오픈 포지션이 안나오더라고요. 그렇게 6개월 정도 더 놀다 보니까 정신이 번쩍들고 제발 비슷한 조건이라도, 아니 조금 더 나빠도 할께 하는 절박함이 생기더라고요. ㅎㅎ 어쨌든 결국 1년을 놀고 전 진장보다 더 높은 연봉과 복지있는 새직장 찾아서 오퍼 받고 몇주후 부터 시작하는데, 1년동안 무수입에 돈만 까먹고 살다보니 정신이 피폐해지고 정말 미치겠더라고요. 진짜 폐인된 기분이 이런거구나를 실감하게 됨.
... 
댓글목록
등록된 댓글이 없습니다.
