Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

Basics of Web Development

Learn the basic concepts and principles essential to web development through hands-on practice.

(5.0) 1 reviews

15 learners

  • devinno
이론 실습 모두
todo앱
아키텍처
Web Application
HTML/CSS
JavaScript
DOM

What you will learn!

  • How the Web Works

  • Basic Concepts and Key Features of Client-Side Languages

  • Simple Dynamic Web Page Implementation

Lecture Introduction

This is a basic course in web development.

  • This course is designed for those who know the basics of programming, such as variables, conditional statements, functions, objects, and methods, but have no experience in web development .


  • Basic knowledge of HTML/CSS and JavaScript grammar is required.


  • We will conduct a hands-on training session that covers the basics of web app development.


Learn about these things

Section 2. How the Web Works

This course explains how web browsers and web servers work. You'll use the browser's developer tools to test network communication and rendering capabilities. You'll also install Nginx, a popular web server, and run a local server.

How web browsers work

Section 3. Client-side language

Learn the fundamental concepts and key features of HTML, CSS, and JavaScript, languages essential for front-end development. Through hands-on practice implementing a fruit description webpage, you'll learn basic CSS style properties and Flexbox layout features.

Implementing a fruit description webpage

Section 4. Implementing Dynamic Web Pages

This hands-on course will teach you how to add dynamic features like DOM manipulation and event handling to a simple to-do list webpage created with HTML and CSS using JavaScript. Starting with a blank screen, you'll enter code line by line into the editor, with each line explained in detail. This hands-on course will help students understand the fundamental concepts and principles of dynamic web page implementation.

Implementing a To-Do List Webpage

Things to note before taking the course

Practice environment

  • Operating System and Version (OS): Windows, macOS, Linux, etc.

  • Tools used: Chrome (free), latest version of Nginx (free), Notepad++ (free)


Learning Materials

  • HTML, CSS, and JavaScript source code files

  • Editable in editors such as Notepad++ (recommended) or Notepad

Player Knowledge and Precautions

  • Prerequisite knowledge: Basic HTML, CSS, and JavaScript grammar

  • Those who know the basics of programming, such as variables, functions, conditional statements, objects, and methods, but have no experience in web development.

  • After explaining the basic concepts and principles, we will proceed with practical training.

  • Any learning-related questions can be asked through the Inflearn website.


Recommended for
these people

Who is this course right for?

  • Web Development for Beginners

Need to know before starting?

  • HTML, CSS, JavaScript basic grammar

Hello
This is

안녕하세요

인프런 지식공유자 우제근 입니다.

저는 IT 스타트업 크림슨앰버의 대표 입니다.

저의 IT관련 지식과 실무 경험을 여러분들과 공유하고자 합니다!

 

감사합니다.

우제근 | LinkedIn

 

Curriculum

All

8 lectures ∙ (1hr 56min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

1 reviews

5.0

1 reviews

  • 현명님의 프로필 이미지
    현명

    Reviews 1

    Average Rating 5.0

    5

    63% enrolled

    학원에서 풀스택 과정을 수강했던 수강생입니다. 짧은 기간의 풀스택과정을 배우다보니 수박 겉할기식의 주입식 교육이 있었습니다. 수료 후 면접을 보러 다녔지만 기술력과 기술의 전문 지식 이해도의 부족으로 취업의 벽은 높았습니다. 부족함을 깨닫고 강의를 찾던 중 눈에 들어온 과정이기에 신청을 해봤습니다. 강의 수강 중 분명 학원에서 배운 같은 과정이지만 면접 볼때 들었던 질의에 대한 지식들이 함께 있어서 진작에 한번 세밀하게 과정을 배워볼걸이란 생각을 해봤습니다. IT업계에 기술력도 중요한 걸 알지만 AI처럼 주입식 과정을 통한 기술 습득보단 기술에 대한 이해력도 정말 중요하다고 생각합니다. 좋은 강의 영상 만들어주셔서 감사합니다. -30대에 IT도전한 취준생-

    $17.60

    Similar courses

    Explore other courses in the same field!