강의

멘토링

커뮤니티

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

16 learners

Level Basic

Course period Unlimited

  • devinno
Web Application
Web Application
HTML/CSS
HTML/CSS
JavaScript
JavaScript
DOM
DOM
Web Application
Web Application
HTML/CSS
HTML/CSS
JavaScript
JavaScript
DOM
DOM

What you will gain after the course

  • 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

Hello

I am Je-geun Woo, an Inflearn Knowledge Sharer.

I am the CEO of the IT startup Crimson Amber.

I would like to share my IT knowledge and practical experience with all of you!

Thank you.

Jegeun Woo | LinkedIn

I am Geun. I am the CEO of the IT startup Crimson Amber. I would like to share my IT knowledge and practical experience with all of you! Thank you. Jegeun Woo | 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

    I am a student who took a full-stack course at an academy. As I learned the full-stack course in a short period of time, there was a spoon-fed education. After completing the course, I went to interviews, but the wall of employment was high due to the lack of technical skills and understanding of specialized knowledge of technology. I realized my shortcomings and applied for the course because it caught my eye while looking for a lecture. While taking the lecture, I thought that although it was the same course I had learned at the academy, I also had knowledge about the questions I had heard during the interview, so I thought that I should have learned the course in detail a long time ago. I know that technical skills are important in the IT industry, but I think that understanding technology is really important rather than acquiring technology through spoon-fed courses like AI. Thank you for making such a great lecture video. -Job seeker who challenged IT in his 30s-

    $17.60

    Similar courses

    Explore other courses in the same field!