자바스크립트 제대로 배워볼래?
개발자의 품격
자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angular) 개발자, 서버(Node.js) 개발자가 되기 위한 기초를 완벽하게 준비할 수 있습니다.
초급
JavaScript, ES6, HTML/CSS
[Web Development Full Stack Course] Portfolio - Product Sales Mini Web App Development
This lecture is the final lecture in the [Web Development Full Stack Course] lecture series for training full-stack web developers, and is a lecture on portfolio project development. By synthesizing everything learned in [Web Development Full Stack Course], you will be able to understand what you have learned while developing an actual web application and directly apply the basic functions.
What you will learn!
Vue.js client configuration
Configuring the Node.js backend
Database (DB) design
Product Sales Web Application Development
Building real web applications
Complete guide to learning full-stack web development ✨
✅ This lecture is part of the [Full-Stack Web Developer Roadmap] series.
- This lecture is the final part of the [Web Development Full Stack Course] lecture series for training full-stack web developers, and covers the development of web apps for portfolio projects.
- The Web Development Full Stack Course covers the entire process of full stack web development, from HTML&CSS → Vanilla JavaScript → Bootstrap → Vue.js → Database → Node.js → Portfolio.
- By completing this full-stack web development course, you'll learn not only the fundamentals of web development, but also practical skills that can be applied immediately in the workplace.
- Before taking this course, we recommend taking the following courses in order: [Web Development Full Stack Course] HTML&CSS → [Web Development Full Stack Course] Vanilla JavaScript → [Web Development Full Stack Course] Bootstrap → [Web Development Full Stack Course] Vue.js → [Web Development Full Stack Course] Database → [Web Development Full Stack Course] Node.js.
What do you make?
I will personally implement a web application with the necessary features, from DB to view.
We develop a small-scale product sales web application. Depending on the format, the product sales webpage can be either an online shopping mall or an intermediary platform like Carrot Market. While we won't implement all the product sales features, we will implement core functionality , including product registration, shopping cart implementation, and image and data retrieval.
The reason we created a product sales website is because it includes most of the features needed to create a typical web application. Almost all web applications include the following features:
- User registration and inquiry
- Customer registration and inquiry
- Product registration and inquiry
- Administrator registration and inquiry
- General text data storage and retrieval
- Saving and viewing image files
- Table-type list query
- View list in image grid format
This course will allow you to comprehensively apply what you've learned throughout the [Web Development Full-Stack Course]. You'll also understand how frequently the web UI patterns highlighted throughout the course are used in practice. Simply by mastering these web UI patterns, you'll discover how quickly you can develop a wide variety of screens.
This means that after completing this course, you 'll be ready to work at the level you desire . Let's take on the challenge together!
What do you learn?
✅ Create front-end and back-end structures for web application development.
✅ You can develop completely from front-end to back-end for the most developed web screen UI patterns .
✅ Develop a product sales website with the most basic features and understand the process of developing an application .
✅ All example codes are available on GitHub .
Functions implemented in the lecture
- Creating a basic web server structure
- Creating a basic Vue project structure
- Full-stack implementation of web screen UI patterns
- Implementing the entire web from front-end to back-end using HTML, CSS, JavaScript, Bootstrap, Vue.js, database, and Node.js.
- Product Sales Web - Implementing Category Management Function
- Product Sales Web - Implementing Supplier Management Functions
- Product Sales Web - Implementing Product Management Functions for Suppliers
- Product Sales Web - Implementing a Product Inquiry Function for Customers
- Product Sales Web - Implementing a Customer Shopping Cart Feature
- Product Sales Web - Implementing Delivery Location Management Function
- Product Sales Web - Implementing Manager Management Function
- Product Sales Web - Implementing Customer Management Functions
- Product Sales Web - Implementing Order Management Functions
Check your player knowledge!
- Before taking this course, we recommend taking the following courses in order: [Web Development Full Stack Course] HTML&CSS → [Web Development Full Stack Course] Vanilla JavaScript → [Web Development Full Stack Course] Bootstrap → [Web Development Full Stack Course] Vue.js → [Web Development Full Stack Course] Database → [Web Development Full Stack Course] Node.js.
The person who created this course is
Who could it be?
Developer's Dignity
A 24-year software developer who wants to make a positive impact on the world through software technology.
I love sharing my knowledge and always enjoy learning new skills.
I've worked as a consultant and developer, building ERP systems for over 60 global companies, both domestically and internationally. I also have experience selling software I developed myself to leading companies both domestically and internationally. I'm also the CEO of an IT startup.
Working not only as a developer, but also as a UX consultant and occasionally as a business consultant, I've gained extensive experience in all aspects of application and service development, from planning to development. Now, with over 20 years of practical experience, I'm dedicated to sharing my knowledge with my juniors, with a strong sense of mission to impart truly essential skills and truly relevant knowledge.
Want to know more?
- We provide over 200 useful lecture videos through the YouTube channel ' Developer's Dignity '.
- He is the author of ' Vanilla JavaScript ', ' A Week Before Starting a Vue.js Project ', ' A Week Before Starting a Node.js Project ', ' IT Terms You Must Know to Become a Developer ', ' Beyond Design Thinking to Programming Thinking ', ' The Essentials of Smart Contract Development for Solidity Developers ', and ' I'm Still Not Teaching Kids to Code '.
- I am the translator of O'Reilly's ' Learning TypeScript '.
[Web Development Full-Stack Course] Series Collection
Recommended for
these people
Who is this course right for?
People who want to implement everything from the web front-end to the back-end
Who needs a web portfolio?
People who have learned Vue.js and Node.js
Need to know before starting?
HTML
CSS
JavaScript
Bootstrap
Vue.js
Node.js
Database
11,017
Learners
252
Reviews
152
Answers
4.9
Rating
8
Courses
소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.
국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.
개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.
- 유튜브 ‘개발자의품격’ 채널을 통해 200여개의 유용한 강의 영상을 제공하고 있어요.
- '바닐라 자바스크립트', 'Vue.js 프로젝트 투입 일주일 전', 'Node.js 프로젝트 투입 일주일 전', '개발자가 되기 위해 꼭 알아야 하는 IT 용어', ‘디자인 씽킹을 넘어 프로그래밍 씽킹으로’, 'The Essentials of Smart Contract Development for Solidity Developers', '저는 아직 아이들에게 코딩을 가르치지 않습니다' 책의 저자입니다.
- 오라일리의 '러닝 타입스크립트'을 번역한 역자입니다.
- (현)주식회사 더그레잇 대표이사
- (현)주식회사 썬슈어 CTO
- (현)주식회사 리턴밸류 CTO
- (현)팬임팩트코리아 유한회사 기술전문위원
이메일 - seungwon.go@gmail.com
Curriculum
All
15 lectures ∙ (11hr 58min)
Published:
Last updated:
Reviews
Not enough reviews.
Please write a valuable review that helps everyone!
$93.50
realprogrammers's other courses
Check out other courses by the instructor!
![[웹 개발 풀스택 코스] Node.js 프로젝트 투입 일주일 전 - 기초에서 실무까지강의 썸네일](https://cdn.inflearn.com/public/courses/330080/cover/53450c0a-fe6a-448a-a968-54803487b395/nodejs-1.jpg?f=avif&w=420)
![[웹 개발 풀스택 코스] 넷플릭스와 당근마켓 분석을 통해서 배우는 데이터베이스 기초강의 썸네일](https://cdn.inflearn.com/public/courses/330079/cover/c142fdb2-b4fa-4b6a-9e8f-7bd48aed7635/fullstack-db-1.jpg?f=avif&w=420)
![[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지강의 썸네일](https://cdn.inflearn.com/public/courses/330078/cover/d413a6e5-4692-4d3f-ae26-64c5e8d592e5/vuejs-1)
![[웹 개발 풀스택 코스] 부트스트랩 기초강의 썸네일](https://cdn.inflearn.com/public/courses/330077/cover/828bc814-19c5-431e-a72c-f6592c9b7a74/fullstack-bootstrap-1.jpg?f=avif&w=420)
![[웹 개발 풀스택 코스] 순수 자바스크립트 기초에서 실무까지강의 썸네일](https://cdn.inflearn.com/public/courses/330076/cover/e46f4bde-0146-42d6-a2fa-64d9bd510d27/vanila-javascript-1)
![[웹 개발 풀스택 코스] HTML&CSS 기초강의 썸네일](https://cdn.inflearn.com/public/courses/330075/cover/56b8da2a-c02d-4812-8ae0-a5dad11a3aab/fullstack-html-css-1.jpg?f=avif&w=420)
Similar courses
Explore other courses in the same field!
![따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]강의 썸네일](https://cdn.inflearn.com/public/courses/325240/course_cover/d5d7e9a9-2d6f-4a81-84da-5e9cde3f39a4/nodereactecommerce-eng.png?f=avif&w=420)
![따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]강의 썸네일](https://cdn.inflearn.com/public/course-326181-cover/d012cab3-58e1-45cd-899e-03f86c7b1df1?f=avif&w=420)
![[React 1부] 만들고 비교하며 학습하는 React강의 썸네일](https://cdn.inflearn.com/public/courses/326905/cover/739f7b4b-1a9f-478f-a6a8-1a13bf58cae3/326905-eng.png?f=avif&w=420)
![제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]강의 썸네일](https://cdn.inflearn.com/public/files/courses/336176/cover/01jqhh8293f4c24r6zpzcvskcr?f=avif&w=420)
![따라하며 배우는 리액트 테스트 [2023.11 업데이트]강의 썸네일](https://cdn.inflearn.com/public/courses/327775/cover/0ef9c174-9974-4530-9470-d1ce8648aa75/327775-eng.png?f=avif&w=420)
![[개정판] 웹 애플리케이션 개발을 위한 IntelliJ IDEA 설정강의 썸네일](https://cdn.inflearn.com/public/courses/331621/cover/3c440a92-fca5-4ce0-a950-d5865d534892/331621-eng.png?f=avif&w=420)
![아빠가 들려주는 [R shiny app] 만들기강의 썸네일](https://cdn.inflearn.com/wp-content/uploads/rshiny1.jpg?f=avif&w=420)
