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

  • withjung228784님의 프로필 이미지
    withjung228784

    Reviews 1

    Average Rating 5.0

    5

    63% enrolled

    Tôi là một sinh viên đã tham gia khóa học đầy đủ tại học viện. Vì tôi đang học khóa học full-stack trong một khoảng thời gian ngắn nên có rất nhiều khóa đào tạo nhồi nhét. Sau khi hoàn thành khóa học, tôi đã đi phỏng vấn nhưng rào cản xin việc rất cao do tôi không có trình độ kỹ thuật cũng như hiểu biết về chuyên môn kỹ thuật. Nhận thấy mình còn thiếu sót, tôi đã đăng ký tham gia khóa học vì nó thu hút sự chú ý của tôi khi tôi đang tìm kiếm một khóa học. Khi tôi tham gia khóa học, rõ ràng đó là khóa học tôi đã học ở học viện, nhưng vì nó bao gồm kiến ​​thức về các câu hỏi được hỏi trong các cuộc phỏng vấn nên tôi nghĩ rằng tôi đã học chi tiết về khóa học này từ lâu rồi. Tôi biết rằng kỹ năng kỹ thuật rất quan trọng trong ngành CNTT, nhưng tôi nghĩ hiểu biết về công nghệ cũng thực sự quan trọng hơn là học kỹ năng qua quá trình nhồi nhét như AI. Cảm ơn bạn đã làm một video bài giảng rất hay. -Người tìm việc đã thử CNTT ở độ tuổi 30-

    $17.60

    Similar courses

    Explore other courses in the same field!