Launching Landing Page By Bootstrap and Node JS [JOINC EDU]

Recommanded Free YOUTUBE Lecture: <% selectedImage[1] %>

J.phil
2023-03-05
2022-09-13
2776

# Launching Landing Page By Bootstrap and Node JS [JOINC EDU]

![main](https://joinc-edu.s3.ap-northeast-2.amazonaws.com/001/1002/1002-LECTURE.png)

## OVERVIEW
우리가 창업을 하거나 어떤 Product를 만들었을때, 잠재고객 또는 투자자들에게 해당 OBJECT를 잘 이해시키고 접근시키기 위하여 소개 Page 즉 Landing Page가 필요하다. 또한 구직자의 경우 Job Hunting 할때도 여러분의 CV 또는 Resume를 Landing Page에 잘 Branding 해서 공개하면, Head Hunter들이 우리들의 실력 및 커리어를 명확히 이해할 수 있고 좋은 기회를 얻을 수 있다. 이처럼 (코로나 시대로 미국의 기대이상 양적완화로 현재 투자 및 스타트업 마켓이 Winter 이 찾아왔지만) 스타트업이 즐비하는 동시대에 비개발자, 창업자, 개발자, 디자이너등 다양한 직군에서 Landing Page 만드는 Skill Set은 필수 작업일 수 있다.

이번 Joinc 에서는 해당 상황을 포지셔닝하여 Launching Landing Page 작업을 Frontend  Side는 Bootstrap으로 Backend Programming은 Node JS로 작업해보고 가이드하려고 한다. 아래 설명처럼 **Chapter 1**에서 Bootstrap 이론 및 실습을 통해서 기본적인 Frontend 지식 및 실무를 follow up 해보고, **Chapter 2** 에서는 *그 누구보다 빠르게 남들보다 빠르게* Node JS를 통해 서버를 만들어볼 계획이다. 아울러 **Chapter 3** 에서는 Database 기본 컨셉을 공부하고 이해하고 Chapter 2에서 진행했었던 서버를 이용하여 Database 꽃 RDMS MYSQL 를 Docker를 이용하여 실행하고 연결해보려고 한다. 마지막으로 **Chapter 4** 에서는 앞에서 배운 3개의 챕터의 이론 및 손맛을 이용하여 전체적으로 **Masterpiece**를 만들어볼 계획이다 :)

## IN THIS LECTURE
In this lecture, we’ll walk you through steps of how to make the beautiful landing page when launching a company or a product.

Prior to making a masterpiece, you will have to know a concept of frontend and backend programming. After that, utilizing Bootstrap is reviewed to build the website on the frontend side fast and efficiently. Next, to store and load data on the website, a server side programming as backend will be studied by using Node JS and Database Mysql.

#keywords: client side , server side, bootstrap, html, router, view, model, database, mysql, node js, asynchronous, css

### CHAPTER 1

* **Theory Video** :  [PUBLISH DATE: 2022. Sep. 15. 9PM] [YOUTUBE](https://youtu.be/HOQxCKiBv8A)
* **Showtime Video** :  [PUBLISH DATE: 2022. Sep. 19. 9PM] [YOUTUBE](https://youtu.be/_w3DrS53AVE)

Bootstrap is a free, open source front-end dev. framework for the creation of websites and web apps. Designed to enable responsive development of mobile-first websites, Bootstrap provides a collection of syntax for template designs.

As a framework, it includes the basics for responsive web dev., so developers only need to insert the code into a pre-defined grid system, built on HTML, CSS and JavaScript. Web developers using Bootstrap can build websites much faster without spending time worrying about basic commands and functions.

### CHAPTER 2

* **Theory Video** :  [PUBLISH DATE: 2022. Sep. 22. 9PM] [YOUTUBE](https://youtu.be/srGAhxM3TN8)
* **Showtime Video** :  [PUBLISH DATE: 2022. Sep. 26. 9PM] [YOUTUBE](https://youtu.be/c39zujeSQyM)

Node JS

A platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications. It runs on the V8 Javascript engine and uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.

- Asynchronous
- Event Driven
- Very Fast and Productivity
- Single Threaded but Highly Scalable

### CHAPTER 3

* **Theory Video** :  [PUBLISH DATE: 2022. Sep. 29. 9PM] [YOUTUBE](https://youtu.be/PCDt58tiIh0)
* **Showtime Video** :  [PUBLISH DATE: 2022. Oct. 03. 9PM] [YOUTUBE](https://youtu.be/ZT2OyUcx6YI)

A database, in the most general sense, is an organized collection of data and an electronic system that allows data to be easily accessed, manipulated. The inherent logic and efficiency in how the data is stored and retrieved can provide an incredibly powerful business tool to an organization.

Technically, Small DB can be stored on a file system, while large DB is hosted on cloud computer storage. The design spans formal techniques and practical considerations, including data modeling, efficient representation and storage, query languages, security, privacy of sensitive data and fault tolerance.

### CHAPTER 4

* **Theory Video** :  [PUBLISH DATE: 2022. Oct. 24. 9PM] [YOUTUBE](https://youtu.be/T9pddxmIgMY)
* **Showtime Video** :  [PUBLISH DATE: 2022. Oct. 31. 9PM] [YOUTUBE](https://youtu.be/dyMcu2LFY18)

Introduction
- Bootstrap Examples
- HTML to JADE by one-click
- Styling Website More and More

Show Time
- Launching Landing Page for Our Product

Search For:

BY TAGS

Recent Posts

Archive Posts

Tags

About

Get in Touch

Categories