강의

N
챌린지

멘토링

N
클립

로드맵

BEST
Programming

/

Full-stack

A Solid Front-End Bootcamp for Full-Stack Developers (HTML, CSS, Vanilla JavaScript + ES6) [Full-Stack Part 2]

A full-stack series course aimed at beginners, based on real-world experience developing actual web services, with the goal of building web and app services to a level suitable for actual commercialization. As Part 2 of this series, this course thoroughly covers the latest HTML5, CSS3, and Vanilla JavaScript (Javascript) + ES6, including responsiveness and compatibility, among the many available frontend technologies.

(4.9) 185 reviews

2,802 learners

Level Beginner

Course period Unlimited

HTML/CSS
HTML/CSS
JavaScript
JavaScript
ES6
ES6
HTML/CSS
HTML/CSS
JavaScript
JavaScript
ES6
ES6

Reviews from Early Learners

4.9

5.0

hanyn

100% enrolled

It was good to be able to implement web technologies (slides, etc.) that I saw on actual sites. The path to studying front-end was daunting, but I think I got a feel for it through the lecture. It is a lecture that provides substantial lecture materials to the point where you can hardly feel the limitations of online lectures, and it is a lecture with a well-organized lecture structure and time allocation, so it is easy to concentrate and there is a lot to learn. I think it is a lecture that instills confidence and interest in studying front-end. I will continue to study development in the future using this lecture as a stepping stone and I want to become a developer like Janjaemi Coding someday! Thank you.

5.0

opert93

100% enrolled

It was good to be able to learn the basics of the front-end. I think it would have been more helpful for me to build a solid foundation rather than directly deal with the framework of the front-end. Based on this, I will learn the latest frameworks such as React/Flutter. I am always grateful to the instructor.

5.0

jypark3152

100% enrolled

The course is structured so that even if you don't know anything from the beginning, it's easy to understand because it explains everything from the basics step by step. The lecture length is not too long, so the time allocation is appropriate so that you won't get bored.

What you will gain after the course

  • Build a strong foundation in frontend development with ease

  • Development of responsive, cross-browser web services

  • Detailed Modern HTML and CSS Features

  • VanillaJS (Javascript) with compatibility in mind

  • A complete HTML/CSS/JS+ES6 package for developing the latest commercial services

An official course chosen for in-house training by top Korean tech companies!

It will build a solid foundation in frontend web technologies for beginners.

A high-quality course series (Full-Stack Part 2)

This course is Part 2 of the full-stack course series, designed to help you build a solid foundation in frontend development for full-stack development following the Python backend course (Part 1). It provides a detailed overview of HTML5, CSS, and JavaScript (VanillaJS, vanilla JavaScript) + ES6 for developing web services that can be commercialized.

This course was created with the learner’s perspective in mind as much as possible, rather than following the conventions of typical IT courses. Starting from a point where you have no knowledge of the relevant technologies, you will use a variety of materials and examples to build a solid grasp of the core technologies to the point where you can list them on your resume..

This is a proven course that many people have taken and provided positive feedback on.
If any issues arise, we will update it regularly, just as we do now.

Want to build a solid foundation in frontend development?
프론트엔드 기본 기술을 탄탄히 정리해야 합니다. 프론트엔드 기본은 HTML, CSS, Javascript 입니다. React 를 익히더라도 프론트엔드 기본이 필요합니다. 꼼꼼하게 쌓은 기본기 위에 React 든 Flutter 든 익히면 프론트엔드를 원하는 대로 만들 수 있습니다. 여기에 최신 웹페이지는 반응형, 호환성 등 정리할 배경지식이 있고, 오래된 Jquery 를 깔끔한 Javascript 로 대체해야 합니다.

This course thoroughly covers HTML, CSS, JavaScript, responsive design, compatibility, ES6, and other scattered frontend fundamentals you absolutely need to know!
It thoroughly covers the scattered frontend fundamentals you absolutely need to know!
I have a rough understanding, but I feel like I can’t organize it all

HTML, CSS, and JavaScript may seem easy enough to use, but in practice, they can be difficult to handle exactly the way you want. With countless scattered syntax rules and technologies such as responsive design, compatibility, and ES6, frontend development is more challenging than you might think unless you take the time to organize and learn the fundamentals properly.

I heard that once you become a full-stack developer, you can build web services on your own... thì có thể tự mình xây dựng dịch vụ web...

Whether it’s the web or an app, modern services require backend, frontend, and deployment technologies, and this is what we call full-stack development. Becoming a full-stack developer allows you to build modern web services on your own and become a competitive developer. The most effective path is to learn Python and backend development in Part 1 of the Full-Stack Course, then build a foundation in frontend development in Part 2. You need a solid foundation to truly become a full-stack developer rather than simply copying the web service examples in the course. This course covers HTML5, CSS, JavaScript (vanilla JavaScript, VanillaJS), and ES6 in detail to help you build a strong foundation in frontend development.

 

We have summarized the fastest, most up-to-date full-stack roadmap in a YouTube video. By referring to it, you can understand the roadmap to web/app development on your own in a short time.

 

Created for a solid and practical foundation in frontend development..

There are countless syntaxes and features, so the starting point for frontend development is to organize them.
I organized all that syntax and knowledge according to the following criteria.

  • We cover all the background knowledge needed to develop modern websites
  • Thoroughly cover the CSS essential for creating polished web pages
  • We do not cover jQuery, which is not used in modern web pages
  • We cover everything using standard Vanilla JavaScript + ES6 instead
  • Support responsive design
  • We also take compatibility into consideration

We focus on the essential HTML tags, including semantic tags, and
cover detailed CSS features while considering responsiveness and compatibility—both essential for building a polished web page.
As the name VanillaJS (Vanilla JavaScript) suggests, jQuery is not used in recent trends, so we implement web pages using only JavaScript + ES6 syntax with compatibility in mind.
We leave out the latest syntax that cannot be used due to compatibility issues, as well as technologies that can be replaced, and focus on the core technologies.

Don't waste your time!
We can't do it because we lack information!
By learning from a proven course, you can quickly organize everything!

Wouldn't learning just Javascript be enough?

The biggest bottleneck in full-stack development is CSS. People say that even middle school students know HTML and CSS.
However, unless you are a fairly experienced frontend developer, you cannot create a polished, modern webpage with responsive design and broad compatibility.
You need to organize countless detailed CSS features, and you also need to review HTML against the standards at least once. In Korea, there is a profession called a publisher, but abroad, frontend or full-stack developers handle CSS as well.
To become a competitive frontend/full-stack developer, it is essential to thoroughly organize your knowledge of CSS features.

 
Don’t you need to learn React and Vue to build web services?

These frameworks were written in JavaScript to improve upon its shortcomings. Since you also use JavaScript when working with them, you need to have a solid grasp of JavaScript's basic syntax, regardless of which framework you choose. You can learn React, Vue, and other frameworks on top of the HTML, CSS, and JavaScript fundamentals covered in this course.
That’s why this course focuses on front-end fundamentals, covering and practicing all the essential technologies among the related skills.

 

Can beginners do it too?

This course is explained in detail and step by step so that beginners can follow along.
The most difficult part of an IT course is teaching programming to people who know nothing about programming. Even such learners have acquired not only programming skills but also web scraping skills through my Python for Beginners and Web Scraping Basics Bootcamp course. If you are reasonable and considerate of others, it is more than possible.

If you want to quickly get up to speed on just the frontend, you can take this course alone. However, if you are a complete beginner who has never worked with programming before, I recommend learning step by step according to the full-stack roadmap along with the Python for Beginners and Web Scraping Bootcamp course.

So that even beginners can understand
Based on concise yet meticulously prepared materials,
you can also run your own tests during the course
with sample code for each feature and test them right away

• We provide project-based sample code for each feature, along with code files for real-world web pages.
• You can access the course materials online anytime. (However, copying and downloading are restricted due to copyright concerns.)

 

Can I learn systematically? không?

I am creating this course so that you can learn the entire process of becoming a full-stack developer in a detailed and systematic way, gradually increasing the difficulty from beginner level. The code is kept concise and the explanations are thorough, while topics that require deeper understanding are explained—including the relevant computer science concepts—as they arise, helping you build the fundamentals of a good developer.

This course is Part 2 of the full-stack lecture series. You will select a specific webpage for developing the following service and carefully build the code from scratch, starting with a blank file, using HTML, CSS, and JavaScript + ES6 without any frameworks or libraries.

So that you can feel, 'Ah! It really is different!'
this course has been thoughtfully created.
Just follow along as is, and you’ll be all set!

Learn systematically
Dave Lee's Roadmap for Fun Coding

Following this course, AI · development · data · CS roadmaps you can learn according to your goals giúp bạn học theo mục tiêu của mình

IT technologies are interconnected.
By selectively learning connected technologies and adding AI to them, you can reach your goals much faster.

Every roadmap covers how to connect and use technologies together,
is designed to gradually increase in difficulty from beginner to expert level, and
is continuously updated over the years.

It is also offered at a greater discount than when taking the courses individually.

3. The fundamentals of development and data, and core computer science (CS) knowledge

From computer architecture, operating systems, networks, system software, software engineering, and architecture to data structures and algorithms

← Swipe left and right to explore the CS courses and full roadmap →

View the full computer science roadmap in detail

4. The Most Reliable Ultimate AI Utilization Roadmap (2026)

From Claude Code workflow automation to vibe coding, Codex, OpenClaw, Claude Code–based data analysis, advanced Claude Code techniques such as agentic, harness, and loop engineering, and AI agent development

처음하는 클로드코드 파트1 업무자동화편 외부사이트

01 · Claude Code

Claude Code for Beginners
Part 1 · Workflow Automation Edition
처음하는 클로드코드 파트2 바이브코딩편 외부사이트

02 · Vibe Coding · Codex

Claude Code for Beginners
Part 2 · Vibe Coding Edition
혼자서도 돌아가는 AI 업무자동화 오픈클로 외부사이트

03 · AI That Runs on Its Own

Workflow Automation
OpenClaw(OpenClaw)
데이터 분석을 위한 클로드코드 외부사이트

04 · Data Analysis

Claude Code
for data analysis
클로드코드 고급 기법과 나만의 AI 에이전트 개발 외부사이트

05 · AI Agent

Advanced Claude Code Techniques and
Developing Your Own AI Agent
구글 Opal과 n8n으로 고정적인 워크플로우 셋업 외부사이트

Reference Course · n8n

Set up fixed workflows with Google Opal and n8n
원리와 나만의 MCP 구현까지 외부사이트

Reference Course · MCP

Principles and even implementing your own MCP

← Swipe left or right to explore AI courses and reference materials →

View the most reliable ultimate AI utilization roadmap (2026) in detail

Recommended for
these people

Who is this course right for?

  • Part 2 Course for Full-Stack Development

  • Those who want to build a strong foundation in frontend development

  • Those who want to develop a web service that can be commercialized immediately.

  • For those who need an overview of various front-end technologies, including responsiveness and compatibility.

  • Introduction to Frontend Development

Need to know before starting?

  • If possible, I highly recommend taking this course alongside the Full-Stack Part 1 course.

Hello
This is funcoding

Inflearn Verified

Career Verified

34,633

Learners

2,605

Reviews

1,952

Answers

4.9

Rating

13

Courses

Janjemi Coding, Dave Lee

  • About Janjaemi Coding Introduction Blog [Click]

  • Key Experience: Coupang Senior Development Manager/Principal Product Manager, Samsung Electronics Development Manager (Approx. 15 years of experience)

  • Education: BA in Japanese Language and Literature, Korea University / MS in Computer Science, Yonsei University (A complete mix)

  • Key Development Experience: Samsung Pay, E-commerce Search Service, RTOS Compiler, Linux Kernel Patch for NAS

  • Books: Linux Kernel Programming, Understanding and Developing the Linux Operating System, IT Core Technologies That Anyone Can Easily Read and Understand, Python Programming Primer for Absolute Beginners

  • Operating Site: Fun-Coding (http://www.fun-coding.org) [Click]

  • This is a site that shares free materials related to full-stack development, data science, and AI.

  • Others: Fun-Coding YouTube Channel [Click]

    • I am starting little by little to share tips and short free lectures that are helpful for IT learning~

While working in the industry, I have been consistently creating solid full-stack, data science, and AI courses for 8 years.

 

More

Curriculum

All

79 lectures ∙ (17hr 36min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

185 reviews

4.9

185 reviews

  • michaelaeon5592님의 프로필 이미지
    michaelaeon5592

    Reviews 13

    ∙

    Average Rating 4.9

    5

    99% enrolled

    Hello. I am interested in web-related development, so I took lectures here and there and settled on Janjaemi Coding's lecture. Since web-related technologies have many related fields and there are many things to learn, there were too many things to do to do properly, so I had a hard time taking lectures here and there because I was impatient. The part that I especially liked while taking the lecture was that it helped me to find the center of full-stack, such as how I can use what I learned and what I need to learn when I move on to the next step. If Part 1 focused a little more on server-side technologies, Part 2 was good because I could learn various technologies on the UI side. Some people might be disappointed because it is not fancy, but I think that fancy technologies can be learned quickly if you have a good grasp of the basics. It was also good that it explained HTML/CSS in depth enough, so I didn't have to use various tricks or frameworks to cover up parts that I couldn't implement with CSS with JavaScript. Since web technologies are diverse, I think there are often cases where I cover up weak parts with other technologies or frameworks, but I liked that there were explanations and practical exercises that focused on the basics. JavaScript also explained the necessary parts concisely, which helped me understand. Of course, I personally need to study more, but it was helpful because it was connected to the practice. The practice implemented in the lecture was small, so I may not have much experience like a current worker, but it was good because I could get ideas and implementation methods for basic functions. I also look forward to Vue, which is scheduled to open in the first half of the year. If you make a lecture that compares how parts implemented in vanilla JS can be implemented more easily using Vue, it will be very helpful for beginners like me to learn. I hope you will reflect it. ^^ For reference, from my personal experience, I recommend taking the Python basics course, then Part 1 and Part 2 in that order. After that, if you want to add functions such as crawling or data analysis to the web server, it would be good to take the relevant courses.

    • funcoding
      Instructor

      Thank you for your good review. This course is about creating a modern web page that looks good from the ground up, so it is different from courses that follow a fancy UI with one or two lines of code that have already been created. Those techniques can be used later when needed, but they are not used in the field. Especially when creating a large-scale web page. In order to create it perfectly, you have to build up the basics by creating it step by step, and I hope that this part was helpful. There are so many IT-related information, lectures, and advertisements, so there are many lectures that say, “Just type in the code and you’ll get this fancy thing?” I’ve taken those lectures before, and they didn’t leave anything to me. So I remember learning everything separately for a long time. I hope this learning method is much better and a shortcut to becoming a capable developer.

  • madsong님의 프로필 이미지
    madsong

    Reviews 7

    ∙

    Average Rating 5.0

    5

    63% enrolled

    I listened well! I'm currently preparing for a job as a front-end developer, and this was very helpful. Now I have to study hard to make it mine..ㅎ I'm looking forward to the next lecture!!

    • funcoding
      Instructor

      That's right. I think it would be helpful to practice making it your own, and also to listen to lectures from other instructors, such as Clone Coding, regarding the front-end. !!!!

  • ith13579님의 프로필 이미지
    ith13579

    Reviews 19

    ∙

    Average Rating 5.0

    5

    99% enrolled

    I only looked at the first part of CSS and HTML, but it is more detailed and detailed than what is actually applied in practice, and it explains in various ways. In addition, the quality of the lecture materials that the instructor uses in class is really good. These days, since spa libraries or frameworks are used in practice, it is important to know how to manipulate UI using pure JavaScript rather than jQuery, and this lecture is strong in this respect as well. I won't say more. I think this lecture is a great deal for this price. Take this lecture instead of other clone coding lectures.

    • funcoding
      Instructor

      Thank you for leaving such a great review. When I was learning this part in the past, I was tired because I wondered why there were so many detailed functions, but I had to learn them, so I organized them one by one. This is the part where I made the lectures in the way I learned them in order to become a full-stack. If you can't remember the detailed functions, go to the Google Drive folder I provided and search at the top. Then, since you have taken the lecture, you will be able to see the materials with related keywords right away. Then, you can implement them much faster. I will film this part on YouTube later and share it separately. Thank you.

  • mozzzi2님의 프로필 이미지
    mozzzi2

    Reviews 1

    ∙

    Average Rating 5.0

    5

    100% enrolled

    I love you teacher

    • funcoding
      Instructor

      Hahaha thank you. Haha you have a sense of humor haha

  • dudley님의 프로필 이미지
    dudley

    Reviews 2

    ∙

    Average Rating 5.0

    5

    100% enrolled

    I was trying to do a project after listening to another instructor's front-end lecture, but I was at a loss, so I watched Instructor Janjaemi's lecture on my friend's recommendation. He taught slowly from the basics, so I understood everything without missing anything. As a result, I was able to finish the project that I had been at a loss about, and thanks to that, I gained confidence. If you're still having trouble, I highly recommend listening to it!! Thank you so much, instructor~!

    • funcoding
      Instructor

      Wow, I'm so happy. Confidence is really important. Well, it may not be perfect, but I think I can do it now, and if I keep doing this, I think I can do it well! If you felt this, you've really taken a big step. Congratulations, and I'm so happy that it helped you. Haha

funcoding's other courses

Check out other courses by the instructor!

[Updated] Your First Python Data Analysis (Easily! Learn the Entire Process of Preprocessing, pandas, and Visualization) [Data Analysis/Science Part 1]Course Thumbnail

[Updated] Your First Python Data Analysis (Easily! Learn the Entire Process of Preprocessing, pandas, and Visualization) [Data Analysis/Science Part 1]

funcoding

This course teaches the fundamental skills needed to learn the entire Python data analysis process for beginners in data analysis. As an e-commerce planner and developer who actively uses data analysis techniques in the field, I designed it to help you easily learn the full Python data analysis process and apply it right away.

Basic

Basic

Python, Pandas, Plotly

[Updated] Your First Python Data Analysis (Easily! Learn the Entire Process of Preprocessing, pandas, and Visualization) [Data Analysis/Science Part 1]Course Thumbnail

[Updated] Your First Python Data Analysis (Easily! Learn the Entire Process of Preprocessing, pandas, and Visualization) [Data Analysis/Science Part 1]

funcoding

First-Time Deep Learning and PyTorch Bootcamp (Easy! From the Basics to the Core Transformers Behind ChatGPT) [Data Analysis/Science Part 3]Course Thumbnail

First-Time Deep Learning and PyTorch Bootcamp (Easy! From the Basics to the Core Transformers Behind ChatGPT) [Data Analysis/Science Part 3]

funcoding

This course has been newly designed to help you gradually learn the mathematics and theory needed to understand deep learning, PyTorch-based implementation, transfer learning, and the core GPT Transformer, based on the instructor’s experience of struggling when first learning deep learning.

Basic

Basic

Deep Learning(DL), PyTorch, Machine Learning(ML)

First-Time Deep Learning and PyTorch Bootcamp (Easy! From the Basics to the Core Transformers Behind ChatGPT) [Data Analysis/Science Part 3]Course Thumbnail

First-Time Deep Learning and PyTorch Bootcamp (Easy! From the Basics to the Core Transformers Behind ChatGPT) [Data Analysis/Science Part 3]

funcoding

[Renewed] Beginner’s Python Machine Learning Bootcamp (Easy! Learn by Solving Real Kaggle Problems) [Data Analysis/Science Part 2]Course Thumbnail

[Renewed] Beginner’s Python Machine Learning Bootcamp (Easy! Learn by Solving Real Kaggle Problems) [Data Analysis/Science Part 2]

funcoding

Based on the instructor’s experience of struggling when first learning machine learning, this course has been newly designed—unlike conventional courses—to help you understand machine learning easily and apply it to real-world problems.

Basic

Basic

Machine Learning(ML), Kaggle, Pandas

[Renewed] Beginner’s Python Machine Learning Bootcamp (Easy! Learn by Solving Real Kaggle Problems) [Data Analysis/Science Part 2]Course Thumbnail

[Renewed] Beginner’s Python Machine Learning Bootcamp (Easy! Learn by Solving Real Kaggle Problems) [Data Analysis/Science Part 2]

funcoding

Python Backend for Beginners: An Introduction to FastAPI (From FastAPI to Asynchronous SQLAlchemy) [Full-Stack Part 1-2]Course Thumbnail

Python Backend for Beginners: An Introduction to FastAPI (From FastAPI to Asynchronous SQLAlchemy) [Full-Stack Part 1-2]

funcoding

A FastAPI course for modern full-stack and backend development that is easy to use and delivers high performance. It covers backend concepts step by step, the core syntax of FastAPI, and asynchronous database usage, all organized clearly through well-structured materials and projects.

Basic

Basic

FastAPI, Python, backend

Python Backend for Beginners: An Introduction to FastAPI (From FastAPI to Asynchronous SQLAlchemy) [Full-Stack Part 1-2]Course Thumbnail

Python Backend for Beginners: An Introduction to FastAPI (From FastAPI to Asynchronous SQLAlchemy) [Full-Stack Part 1-2]

funcoding

Docker and Modern Server Technologies for Full-Stack Development (Linux, nginx, AWS, HTTPS, Deployment) [Full-Stack Part 3]Course Thumbnail

Docker and Modern Server Technologies for Full-Stack Development (Linux, nginx, AWS, HTTPS, Deployment) [Full-Stack Part 3]

funcoding

This course is Part 3 of the Full-Stack course series, designed to help you thoroughly master the latest server technologies and Docker. To enable you to genuinely incorporate Docker into your tech stack, the course meticulously tests Docker’s various options, covers related technologies such as Linux that you need to understand for Docker, and is structured so that you can even build complex real-world services.

Basic

Basic

Network, Linux, Docker

Docker and Modern Server Technologies for Full-Stack Development (Linux, nginx, AWS, HTTPS, Deployment) [Full-Stack Part 3]Course Thumbnail

Docker and Modern Server Technologies for Full-Stack Development (Linux, nginx, AWS, HTTPS, Deployment) [Full-Stack Part 3]

funcoding

Beginner Computer Science (CS Knowledge) Bootcamp | Computer Architecture, Operating Systems, NetworkingCourse Thumbnail

Beginner Computer Science (CS Knowledge) Bootcamp | Computer Architecture, Operating Systems, Networking

funcoding

This is Part 1 of a roadmap course that neatly organizes, in a short amount of time, the essential computer science (CS) knowledge you need to excel at development and data. This course has also been used for years as an in-house course at top companies in Korea. Based on 20 years of experience in the field, ranging from systems software to web and app development and data science, this course systematically and thoroughly covers the core concepts you need to excel at development and data—while keeping them easy to understand.

Beginner

Beginner

Network, Computer Architecture, Operating System

Beginner Computer Science (CS Knowledge) Bootcamp | Computer Architecture, Operating Systems, NetworkingCourse Thumbnail

Beginner Computer Science (CS Knowledge) Bootcamp | Computer Architecture, Operating Systems, Networking

funcoding

[Renewed] Python Introduction and Web Scraping Basics Bootcamp [From Python and the Web to Fundamental Data Concepts] (Updated)Course Thumbnail

[Renewed] Python Introduction and Web Scraping Basics Bootcamp [From Python and the Web to Fundamental Data Concepts] (Updated)

funcoding

For those who want to learn data science, big data, and web scraping, (1) we summarize the most essential Python syntax in a short time, and (2) help you become familiar with Python and web scraping through practical scraping programming.

Beginner

Beginner

Python, Web Crawling

[Renewed] Python Introduction and Web Scraping Basics Bootcamp [From Python and the Web to Fundamental Data Concepts] (Updated)Course Thumbnail

[Renewed] Python Introduction and Web Scraping Basics Bootcamp [From Python and the Web to Fundamental Data Concepts] (Updated)

funcoding

[Renewed] Introduction to Python Backend and Web Technologies for Beginners (Intermediate Python, Understanding Backend and Web Technology Fundamentals with Flask) [Full-Stack Part 1-1]Course Thumbnail

[Renewed] Introduction to Python Backend and Web Technologies for Beginners (Intermediate Python, Understanding Backend and Web Technology Fundamentals with Flask) [Full-Stack Part 1-1]

funcoding

This is a full-stack series aimed at beginners, with the goal of developing web and app services to a level that can be genuinely commercialized, based on real-world experience developing actual web services. As the first step (part1-1), this course provides an in-depth explanation of intermediate Python for full-scale development, backend implementation with Flask [플라스크], and essential web technologies such as HTTP, REST API, and the MVC pattern.

Basic

Basic

Python, REST API, Flask

[Renewed] Introduction to Python Backend and Web Technologies for Beginners (Intermediate Python, Understanding Backend and Web Technology Fundamentals with Flask) [Full-Stack Part 1-1]Course Thumbnail

[Renewed] Introduction to Python Backend and Web Technologies for Beginners (Intermediate Python, Understanding Backend and Web Technology Fundamentals with Flask) [Full-Stack Part 1-1]

funcoding

Intermediate-to-Advanced SQL and Practical Data Analysis 101 Problem SolvingCourse Thumbnail

Intermediate-to-Advanced SQL and Practical Data Analysis 101 Problem Solving

funcoding

Master intermediate-to-advanced SQL and build solid SQL data analysis skills by solving 101 real-world data analysis problems together.

Basic

Basic

SQL, MySQL, DBMS/RDBMS

Intermediate-to-Advanced SQL and Practical Data Analysis 101 Problem SolvingCourse Thumbnail

Intermediate-to-Advanced SQL and Practical Data Analysis 101 Problem Solving

funcoding

[Renewed] First-Time SQL and Database (MySQL) Bootcamp [From Beginner to Practical Applications]Course Thumbnail

[Renewed] First-Time SQL and Database (MySQL) Bootcamp [From Beginner to Practical Applications]

funcoding

Through this course, you will learn about SQL and databases, SQL syntax, database design for practical use, how to use databases through programming, and real-world applications of data analysis.

Basic

Basic

Python, SQL, MySQL

[Renewed] First-Time SQL and Database (MySQL) Bootcamp [From Beginner to Practical Applications]Course Thumbnail

[Renewed] First-Time SQL and Database (MySQL) Bootcamp [From Beginner to Practical Applications]

funcoding

[Renewed] First-Time MongoDB and NoSQL (Big Data) Database Bootcamp [From Beginner to Practical Use] (Updated)Course Thumbnail

[Renewed] First-Time MongoDB and NoSQL (Big Data) Database Bootcamp [From Beginner to Practical Use] (Updated)

funcoding

Learn NoSQL technology for handling big data, one of the fundamental technologies used in the full-stack and data science fields at modern startups. MongoDB is one of the easiest NoSQL technologies to learn and use quickly. In this course, you will learn the basics of MongoDB in a short time, as well as how to work with and utilize MongoDB using Python.

Basic

Basic

Python, MongoDB, DBMS/RDBMS

[Renewed] First-Time MongoDB and NoSQL (Big Data) Database Bootcamp [From Beginner to Practical Use] (Updated)Course Thumbnail

[Renewed] First-Time MongoDB and NoSQL (Big Data) Database Bootcamp [From Beginner to Practical Use] (Updated)

funcoding

Flutter for Beginners: From Basics to Real-World Applications [Full Stack Part 4] (Easy, Robust, and Step-by-Step Through Various Projects)Course Thumbnail

Flutter for Beginners: From Basics to Real-World Applications [Full Stack Part 4] (Easy, Robust, and Step-by-Step Through Various Projects)

funcoding

This course covers everything from the basics of Dart programming to Flutter’s fundamental and intermediate features, and even integrating the backend Firebase to build a real-world project! It is a comprehensive course that lets you learn Flutter step by step.

Basic

Basic

Flutter, Firebase, firestore

Flutter for Beginners: From Basics to Real-World Applications [Full Stack Part 4] (Easy, Robust, and Step-by-Step Through Various Projects)Course Thumbnail

Flutter for Beginners: From Basics to Real-World Applications [Full Stack Part 4] (Easy, Robust, and Step-by-Step Through Various Projects)

funcoding

Similar courses

Explore other courses in the same field!

Next.js Master Class: Part 2 - Full-Stack Architecture and Deep Dive into Frameworks (Server Actions, Cache Revolution, Advanced Routing)Course Thumbnail

Next.js Master Class: Part 2 - Full-Stack Architecture and Deep Dive into Frameworks (Server Actions, Cache Revolution, Advanced Routing)

nhcodingstudio

Have you ever thought about building a 'real system' beyond simply rendering screens? The real problem many developers commonly face is something else entirely. It's the limitation of a 'fake full-stack'—where things look plausible on the surface, but data synchronization frequently tangles, speed is frustrating, and you lose track of where to even start when just a few features are added. This isn't a problem that can be solved by simply memorizing one more Next.js feature. This course will resolve that frustration from the roots. Encyclopedia-style classes that just list features are boring, aren't they? Instead, we have tightly integrated the fundamental principles of Computer Science (CS) with the advanced architecture of Next.js. We will directly transplant into your fingertips the enterprise-level design skills required to flexibly withstand millions of visitors and maintain perfect data consistency.

Basic

Basic

JavaScript, React, Next.js

Next.js Master Class: Part 2 - Full-Stack Architecture and Deep Dive into Frameworks (Server Actions, Cache Revolution, Advanced Routing)Course Thumbnail

Next.js Master Class: Part 2 - Full-Stack Architecture and Deep Dive into Frameworks (Server Actions, Cache Revolution, Advanced Routing)

nhcodingstudio

Frontend lectures for backend developers, by backend developers - BasicsCourse Thumbnail

Frontend lectures for backend developers, by backend developers - Basics

foo

For job seekers who have created a portfolio as a backend developer but have nothing to show but an API, we will provide the experience of adding a frontend to create a web service.

Basic

Basic

HTML/CSS, JavaScript, Bootstrap

Frontend lectures for backend developers, by backend developers - BasicsCourse Thumbnail

Frontend lectures for backend developers, by backend developers - Basics

foo

A real introductory all-in-one development boot camp for non-majorsCourse Thumbnail

A real introductory all-in-one development boot camp for non-majors

grab

The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

Beginner

Beginner

JavaScript, React, Node.js

A real introductory all-in-one development boot camp for non-majorsCourse Thumbnail

A real introductory all-in-one development boot camp for non-majors

grab

Mobile, tablet, pc responsive instagram clone codingCourse Thumbnail

Mobile, tablet, pc responsive instagram clone coding

jeong4726

Through this lecture, students can create a web service similar to Instagram using HTML, CSS, and JS. (Only the front-end is implemented! The back-end server construction will be filmed in a later lecture.)

Basic

Basic

HTML/CSS, JavaScript, Clone Coding

Mobile, tablet, pc responsive instagram clone codingCourse Thumbnail

Mobile, tablet, pc responsive instagram clone coding

jeong4726

Mastering HTML + CSS: The Complete Guide from Beginner to Advanced - Part 1 [Basics]Course Thumbnail

Mastering HTML + CSS: The Complete Guide from Beginner to Advanced - Part 1 [Basics]

nhcodingstudio

The "Learning HTML + CSS Properly: Complete Mastery from Beginner to Practical Application Part 1" course is designed to provide a deep understanding of how the internet and the web work, and to solidify the basics of HTML/CSS through a practice-oriented curriculum. By taking this course, you can firmly grasp the essential concepts of web development and immediately apply them to projects.

Beginner

Beginner

HTML/CSS

Mastering HTML + CSS: The Complete Guide from Beginner to Advanced - Part 1 [Basics]Course Thumbnail

Mastering HTML + CSS: The Complete Guide from Beginner to Advanced - Part 1 [Basics]

nhcodingstudio

From Events to SPAs, the Essential Engine of the Interactive Web - [Mastering the DOM Part 2]Course Thumbnail

From Events to SPAs, the Essential Engine of the Interactive Web - [Mastering the DOM Part 2]

nhcodingstudio

This course goes beyond simple DOM manipulation to provide an in-depth look at how to dynamically construct and respond to web UIs within real-world user interactions. It is designed to help you master common professional challenges by directly implementing the essence of the event system, bubbling and capturing, event delegation, real-time UX feedback, and performance optimization using throttle & debounce. Based on an understanding of the DOM tree structure, you will develop the ability to flexibly connect event flows with state changes.

Basic

Basic

HTML/CSS, JavaScript, React

From Events to SPAs, the Essential Engine of the Interactive Web - [Mastering the DOM Part 2]Course Thumbnail

From Events to SPAs, the Essential Engine of the Interactive Web - [Mastering the DOM Part 2]

nhcodingstudio

<M.B.I.T> Create a test page! with DjangoCourse Thumbnail

<M.B.I.T> Create a test page! with Django

jejucoding

Create a web page that tests your development type! MBIT (My Best IT Personalities), not MBTI! You can learn the overall process of web development by creating your own 'MBIT Test Page'. (Uses Django 3.1 version.)

Basic

Basic

HTML/CSS, JavaScript, Django

<M.B.I.T> Create a test page! with DjangoCourse Thumbnail

<M.B.I.T> Create a test page! with Django

jejucoding

How to Write a Developer Portfolio Proven by Successful CandidatesCourse Thumbnail

How to Write a Developer Portfolio Proven by Successful Candidates

yeonglanmun9119803

Document writing is the most challenging part for both aspiring and current developers! Create your own portfolio by looking at how successful candidates write their documents! We speak based only on documents that actually passed!

Beginner

Beginner

JavaScript, Python, Java

How to Write a Developer Portfolio Proven by Successful CandidatesCourse Thumbnail

How to Write a Developer Portfolio Proven by Successful Candidates

yeonglanmun9119803

Practical React Native for iOS/Android App Development - BasicCourse Thumbnail

Practical React Native for iOS/Android App Development - Basic

Wintho

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

Basic

Basic

React Native, React, ES6

Practical React Native for iOS/Android App Development - BasicCourse Thumbnail

Practical React Native for iOS/Android App Development - Basic

Wintho

Studying React's official documentation togetherCourse Thumbnail

Studying React's official documentation together

jaenam

Let's learn together the official React documentation that has been renewed in 2023.

Beginner

Beginner

React, JavaScript, react.js

Studying React's official documentation togetherCourse Thumbnail

Studying React's official documentation together

jaenam

Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd EditionCourse Thumbnail

Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd Edition

easyspub

If you want to build a solid web foundation, come here!

Beginner

Beginner

HTML/CSS

Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd EditionCourse Thumbnail

Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd Edition

easyspub

Learning Express.js Properly: Part2 Engine Internal Working Principles and Clone ProjectCourse Thumbnail

Learning Express.js Properly: Part2 Engine Internal Working Principles and Clone Project

nhcodingstudio

This course goes beyond just using Express.js—you'll implement its internal engine from scratch to truly understand how real servers work. You'll gain hands-on experience growing as a server developer by building all of Express's components from the ground up, including routers, middleware, request-response objects, static file handling, and template rendering.

Basic

Basic

JavaScript, Node.js, Express

Learning Express.js Properly: Part2 Engine Internal Working Principles and Clone ProjectCourse Thumbnail

Learning Express.js Properly: Part2 Engine Internal Working Principles and Clone Project

nhcodingstudio

AI Vibe Coding Beginner Course Accessible to Non-MajorsCourse Thumbnail

AI Vibe Coding Beginner Course Accessible to Non-Majors

itconnect

💡 Even non-developers can go from startup MVP to monetized service in just 10 hours with AI! 💰 Development that used to cost tens of millions in outsourcing fees now completely solved for 120,000 won 🎯 Complete 5 real business projects including business card recognition, sentiment analysis, and location analysis 🔥 If you're a planner, marketer, or aspiring entrepreneur, implement ideas without developers ⚡ Start now and acquire lifelong development independence skills!

Beginner

Beginner

HTML/CSS, Java, Web Application

AI Vibe Coding Beginner Course Accessible to Non-MajorsCourse Thumbnail

AI Vibe Coding Beginner Course Accessible to Non-Majors

itconnect

“The Era of ‘AI Clicks’”: If It Cannot Be Avoided, Face It: Cryptography and Security to Protect SystemsCourse Thumbnail

“The Era of ‘AI Clicks’”: If It Cannot Be Avoided, Face It: Cryptography and Security to Protect Systems

nhcodingstudio

Hashing, salting, JWT, symmetric and asymmetric keys, and even HTTPS and TLS. The backbone of security that we use every day yet always found vague and unsettling. If we have to face the countless neglected threats and technical debt someday, let’s properly tackle them once and for all this time.

Basic

Basic

JavaScript, Python, Node.js

“The Era of ‘AI Clicks’”: If It Cannot Be Avoided, Face It: Cryptography and Security to Protect SystemsCourse Thumbnail

“The Era of ‘AI Clicks’”: If It Cannot Be Avoided, Face It: Cryptography and Security to Protect Systems

nhcodingstudio

Responsive Web Development Using Bootstrap [Basic Concepts] BootcampCourse Thumbnail

Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

youngcodikimssam

This is a revised version of a lecture on how to use Bootstrap to create responsive web pages that change layout depending on the device.

Basic

Basic

Bootstrap, Responsive Web, Web Design

Responsive Web Development Using Bootstrap [Basic Concepts] BootcampCourse Thumbnail

Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

youngcodikimssam

Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)Course Thumbnail

Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)

ruhunsu30591

You can learn HTML and CSS quickly by directly cloning and coding the best shopping mall designs posted on Cafe 24. The course is structured so that you can learn the basic theories of HTML + CSS and complete the shopping mall design through direct cloning and apply what you learned in the theory, and solidify the framework of HTML and CSS.

Beginner

Beginner

Clone Coding, HTML/CSS, Web Design

Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)Course Thumbnail

Cafe 24 Best Shopping Mall Design Clone Coding (HTML + CSS)

ruhunsu30591

Yoon Jae-seong's Beginner JavaScript TutorialsCourse Thumbnail

Yoon Jae-seong's Beginner JavaScript Tutorials

softcampus

You can learn all about JavaScript, including an overview of the JavaScript language, basic grammar, and provided libraries.

Beginner

Beginner

JavaScript

Yoon Jae-seong's Beginner JavaScript TutorialsCourse Thumbnail

Yoon Jae-seong's Beginner JavaScript Tutorials

softcampus

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hoursCourse Thumbnail

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours

codefactory

With this one course, you can learn the basics of popular Javascript frameworks and Typescript.

Beginner

Beginner

JavaScript

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hoursCourse Thumbnail

[Code Factory] [Introduction] Complete Code Factory's Javascript full course in just 9 hours

codefactory

Learning interactive web while making web games! JAVASCRIPT

ggangcoding162118

A three-in-one class where you can create web games and learn front-end web development skills! This class has been created to teach you how to create games using JavaScript, CSS, and HTML with your own ideas!

Basic

Basic

Interactive Web, JavaScript, HTML/CSS

Learning interactive web while making web games! JAVASCRIPT

ggangcoding162118

[Renewal] ZeroCho's Introduction to JavaScript: Coding Self-StudyCourse Thumbnail

[Renewal] ZeroCho's Introduction to JavaScript: Coding Self-Study

zerocho

In this course, we will practice developing programming thinking skills using JavaScript. Starting with a multiplication table web game, we will build various projects together, including Word Chain, Number Baseball, Response Rate Test, Tic-Tac-Toe, Lotto Generator, Rock-Paper-Scissors, Card Matching Game, Text RPG, Minesweeper, 2048, and Whack-a-Mole.

Basic

Basic

JavaScript

[Renewal] ZeroCho's Introduction to JavaScript: Coding Self-StudyCourse Thumbnail

[Renewal] ZeroCho's Introduction to JavaScript: Coding Self-Study

zerocho