A Full-Stack Restaurant Guide Project for Non-Majors!: Front, Back-end, and Deployment
This is a full-stack restaurant map tutorial that allows you to learn everything from front-end, back-end, Kakao Map API usage, and deployment all at once while creating a restaurant map of your favorite YouTuber.
Experience the entire development process We even produce results 🗺
The reason we learn to code is to create things we need. If you learn without a purpose, you may end up only following the latest technology stack, which is different from your original intention.
It's not too late to experience the entire development process firsthand and focus on the areas that interest you. We focused on the development process experience, excluding technologies that are too difficult.
In this lecture, we will cover the process required to create a restaurant map service from A to Z. I'm slowly making a map of the restaurants of my favorite YouTubers.
I recommend this to these people👌
Development experience Still lacking
Web service People who want to make
The prototype People who want to make
Unique map service People who want to make
Unique features of this course I'll let you know 🚩
1. A lecture that sticks to basic techniques and makes the most of them
You don't necessarily need to know the latest framework to develop. Rather, if you start learning the latest technology without knowing the basics, you will easily lose interest. This course focuses on getting the most out of web clients, servers, and deployment technologies.
2. Full-stack technology learned while creating actual web services
Our first priority is to thoroughly focus on the core concepts and to enable practical use. - A publishing project where you can learn and utilize HTML and CSS. - Build an AWS server, implement a REST API server, and deploy it!
3. Practice to make it mine
There are quizzes in the middle of each lecture so that you can practicewhatyou have learned . If you take the class and solve problems yourself, it will help you make the knowledge you have learned truly your own.
4. Smooth Q&A & Various Lecture Materials
Please leave your questions and we will respond quickly to help you learn more effectively. Additionally, we have created a variety of lecture materials that can be used in each chapter's lectures.
Learn Client & Server 👨💻
client
The core points! HTML, CSS
HTML main tags
CSS Box Model, Position, Flex...
Let's make a restaurant map first! : HTML, CSS + Kakao Map Publishing
Creating a food map framework with HTML and CSS
Inserting a map using Kakao Map API
Javascript grammar neatly organized
variable, operator..
condition, loop
function
JS DOM and Asynchronous Processing
DOM && Event Handling
Asynchronous
Kakao Map API
Map Creation & Controller
Create a Marker
Customizing the InfoWindow
Category Handling
Server
Let's build a server! AWS server that is easy to understand and build
AWS EC2 + Linux Ubuntu
Nginx, Node Express.js, MySQL
A space to store data, DB design method and SQL learned with MySQL
ERD design
Queries
Express.js backend and REST API that provides clean data
REST API
How to use Express
CRUD API implementation
Should we complete the restaurant map?
Project Completion Assignment
Distribute: Make your restaurant map visible to the world
Git, Github
PM2 Non-stop distribution
Domain application
What your future looks like 😎
You can create the layout of your website using HTML and CSS.
You can customize the Kakao Map API to suit your needs.
You can understand and explain the concepts of clients and servers.
You can build an AWS EC2 Linux Ubuntu server.
You can understand and explain the concept of REST API.
You can implement the REST API you need.
You can distribute the site.
Expected Questions Q&A 💬
Q. Why should I learn full-stack technologies? I've seen many people who are new to programming just study grammar repeatedly and give up without actually developing. There is a difference between the algorithm field that requires programming thinking and the field of practical development. I want to give you the experience of learning full-stack technology and feeling the AZ of a project!
Q. I'm new to coding. Is it okay for me to take the course? We have tried our best to organize the lectures so that even non-majors can take the course, but a minimum of basic knowledge is required. If you are a college student, you can take the course if you have taken a basic programming course at school, and if you can understand life coding, I think you can take the course. If you have any difficulties, please ask questions at any time! I will respond quickly.
Q. What should I do after I get stronger? What I recommend is to come up with a project. Decide on a project that you want to make and try it out. If you choose a field that you find interesting while taking the class and try to build up your expertise, it will be of great help.
Q. Is there anything I should be careful about when taking the class? A. When proceeding with the client part, it will be based on the Chrome web browser, and the entire lecture will be based on the Windows OS.
A. There may be keyboard noise as there are parts where you write code directly during the lecture. If you are very sensitive to sound, please be sure to check the volume of the public lecture.
A. In the server part lecture , learning is conducted in a top-down format . We provide Express templates and learn how to design RestAPIs using them. This is an MVC pattern template created by the instructor himself, not an Express generator. We focus on understanding the template structure and implementing functionality by leveraging it. In terms of learning style, if you think you have to learn by writing all the code yourself to create templates from the bottom-up, please take note.
Recommended for these people
Who is this course right for?
Have you ever given up on studying programming grammar?
Those who want to learn all the development processes from the basics to distribution
If you want to record your own restaurant map and make it into a website
It's really good except for the nodejs part.
But honestly, if you want to explain all the nodejs parts,
I don't think that's even possible..
More than anything, the instructor's Q&A is really good.
Honestly, I don't regret the money.
I'm almost at the end now, but I hope I can successfully deploy Jebabaal. You can do it, right?ㅜㅜ?