인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
개발 · 프로그래밍

/

웹 개발

[인프런 X 생활코딩] HTML과 인터넷

생활코딩의 첫 번째 웹 개발 강의, <WEB 1 - HTML & Internet> 리뉴얼 버전이 오직 인프런에서만 공개됩니다!

(5.0) 수강평 41개

수강생 1,572명

HTML/CSSJavaScriptnetlify
Thumbnail

입문자를 위해 준비한
[웹 개발, HTML/CSS] 강의입니다.

이런 걸 배울 수 있어요

  • 웹과 인터넷에 대한 기본 개념

  • HTML

  • CSS, JavaScript (살짝)

인프런 X 생활코딩!
오직 인프런에서만 생활코딩 님의 <HTML과 인터넷> 강의를 볼 수 있어요!

생활코딩과 함께 나만의 웹사이트 만들기!
웹 개발 입문자를 위한 첫 걸음 👣

꾸밈 이미지

당신의 상상력을 현실로 만드는 마법, 코딩의 세계로 오신 것을 환영합니다!

웹 개발이 어렵고 복잡하다고 생각하셨나요? 이제 그런 걱정은 접어두세요. 이 강의는 여러분을 웹 개발의 신비로운 세계로 안내할 것입니다.

HTML, CSS, JavaScript의 기초부터 실제 웹사이트 제작까지, 여러분만의 웹사이트를 만들 수 있는 능력을 갖추게 될 것입니다.

왜 이 강의인가요?

꾸밈 이미지

입문자를 위한 실전 중심 커리큘럼

이론에만 그치지 않고, HTML/CSS로 실제 나만의 웹사이트인 학습노트를 만들어가며 배웁니다.

꾸밈 이미지

핵심만 효율적으로

통계 기반의 학습 방법으로 여러분의 소중한 시간을 절약해 드립니다.

꾸밈 이미지

큰 그림을 그립니다

HTML, CSS, JavaScript 기초뿐만 아니라 웹의 역사, 서버-클라이언트 모델, 프론트엔드와 백엔드의 차이까지 웹 개발의 A to Z를 알아갑니다.

꾸밈 이미지

눈 깜짝할 새 완-강

웹 개발 처음 시작하시나요? 고민 없이 이 강의를 선택해보세요. 눈 깜짝할 새 즐겁게 코딩하는 내 자신을 볼 수 있습니다.

강의를 수강하고 나면
이런 것들을 할 수 있어요

배우는 내용

  • HTML의 기본 문법과 태그 사용법

  • CSS를 이용한 웹페이지 스타일링

  • JavaScript로 웹페이지에 생동감 불어넣기

  • 웹 호스팅과 서버-클라이언트 모델의 이해

  • 프론트엔드와 백엔드 개발의 차이와 역할

이런 분들께 추천합니다

  • 웹 개발에 관심은 있지만 어디서부터 시작해야 할지 모르는 분

  • 코딩을 처음 접하는 초보자

  • 기존 지식을 체계적으로 정리하고 싶은 웹 개발 입문자

  • 짧은 시간 내에 실용적인 웹 개발 스킬을 익히고 싶은 분

  • 아무나 + 누구나


강의의 구성을 확인해보세요!

HTML 기초 수업 화면

HTML 기초: 웹의 뼈대 만들기

HTML과 같은 언어는 우리의 일상과 닮아 있습니다. 강의의 첫머리에서는 기초적이면서도 혁명적인, 작고 단순한 웹의 뼈대에서 출발하여 웹의 큰 그림을 그릴 밑바탕을 만들어 갑니다.

CSS 입문 수업 화면

CSS 입문: 웹페이지에 스타일 입히기

CSS의 가장 기본이 되는 내용을 '가성비 있게' 다뤄봅니다. CSS 전체에서 2% 정도 되는 작은 내용이기에 간과하기 쉽지만, 거의 전부라고 해도 과언이 아닐 만큼 자주 사용되는 내용들을 빠르게 톺아봅니다.

자바스크립트 수업 화면

JavaScript 시작하기: 동적인 웹페이지 만들기

자바스크립트는 HTML과 CSS를 동적으로 변경해 사용자와 상호작용하는 앱을 만듭니다. 자바스크립트의 역할을 체감해 보고 웹이 어떻게 사용자들과 상호작용할 수 있는지를 이해해 보세요.

웹의 역사 수업 화면

웹의 역사와 동작 원리 이해하기

1990년대 탄생한 웹은 오늘날 현존하는 가장 중요한 정보기술 중 하나입니다. 인터넷과 웹이 어떻게 세상에 등장했는지를 살펴보며 정보기술을 바라보는 시야를 더욱 넓혀보세요.

실전 프로젝트 수업 화면

실전 프로젝트: 나만의 학습노트 페이지 만들기

가장 원시적인 형태의 웹 사이트에 모든 핵심이 담겨 있습니다. 웹 혁명의 주역인 HTML, 그리고 혁신을 만들어내는 CSS와 JavaScript의 관계를 생각해 보며 점차 코드에 익숙해질 수 있습니다.

그리고, 수강 뒤에는...

  • HTML, CSS, JavaScript의 기본 문법을 이해하고 활용할 수 있습니다.

  • 간단한 웹사이트를 직접 제작하고 배포할 수 있습니다.

  • 웹 개발의 전체적인 프로세스를 이해하고 설명할 수 있습니다.

  • 프론트엔드와 백엔드 개발의 차이를 이해하고, 자신의 관심 분야를 선택할 수 있습니다.

이 강의를 만든 사람

Egoing Lee

  • 비영리 커뮤니티 오픈튜토리얼스 및 '생활코딩' 운영 중

  • 유튜브 채널 '생활코딩' 구독자 34만 명

  • 누적 조회수 80,000,000회 이상

여러분의 새로운 도전을 응원합니다!

"코딩은 여러분의 상상력을 현실로 만드는 마법 같은 도구입니다."

이 강의를 통해 여러분도 그 마법을 부릴 수 있게 될 것입니다. 웹 개발은 생각보다 어렵지 않습니다. 열정과 호기심만 있다면, 누구나 멋진 웹 개발자가 될 수 있습니다.

가벼운 마음으로 수강하며, 여러분만의 디지털 공간을 만들어보세요. 24시간 후, 여러분은 자신만의 웹사이트를 자랑스럽게 선보일 수 있을 것입니다. 함께 배우고 성장하는 즐거움을 경험해보세요. 여러분의 새로운 도전을 응원합니다!

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 처음 웹 개발을 시작하시는 분

  • 생활코딩 <WEB 1 - HTML & Internet> 리뉴얼 강의가 궁금하신 분

선수 지식,
필요할까요?

  • 선수 지식 없이 재밌게 강의를 들을 수 있어요!

안녕하세요
인프런입니다.

669,125

명

수강생

4,767

개

수강평

118

개

답변

4.7

점

강의 평점

108

개

강의

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

공동 지식공유자

커리큘럼

전체

25개 ∙ (2시간 13분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

무료