Web Application
B .
A
Development
L
(Syllabus)
3
Instructor: Thanh Binh Nguyen
S
February 1st, 2020
S3Lab
Smart Software System Laboratory
1
B .
A
“A successful website does three things:
It attracts the right kinds of visitors.
L
Guides them to the main services or product you offer.
3
Collect Contact details for future ongoing relation.”
– Mohamed Saad
S
Web Application Development 2
General Information
B .
A
● Instructor: Ph.D. Thanh Binh Nguyen
○ Email: [email protected]
L
● Credit: 4 (3 lectures + 1 lab)
3
● Course Code: MSIS207
● Prerequisites: CS 5423, CS 2133
S
● Language: 100% English is required.
Web Application Development 3
Student Assessment
B .
A
● Final Examination (QUIZ): 50% - 5 / 10
L
● Assignments, projects, and class attendance: 50% - 5 / 10
○ Attendance, Attitude and Assignments: 2 / 10
3
○ 1 Final Project (included presentations, 2 students per group): 3 / 10
● Note:
S
○ Maximum absent time per semester is 6 hours
Web Application Development 4
Contents
B .
A
● 1st and 2nd Week:
○ Introduction of the course
L
○ Tools and Development Environment
3
○ Understanding of Web through Concepts
● 3rd Week:
S
○ Web UI: Roadmap, Jobs
○ HTML5
● 4th Week:
○ Restful API and API Design in Practices
○ Nodejs Server-side and Common dependencies
Web Application Development 5
Contents
B .
A
● 5th and 6th Week:
L
○ CSS, Javascript
○ Web Responsive
3
○ Web front-end platforms React, JQuery, Bootstrap 4x
● 7th Week:
S
○ Database and NodeJs API
○ Mongoose and MongoDB Database
○ Sequelize and SQL Database (Mysql)
Web Application Development 6
Contents
B .
A
● 8th Week:
L
○ Web application design patterns
○ Multi-layers architectures
3
○ Web components
○ Microservice design
S
Web Application Development 7
Contents
B .
A
● 9th Week:
L
○ Authentication approaches on the web
○ Web application Scale, stateful & stateless Server
3
○ Implementation Serverless Application by Cloud Service
○ Real-time communication by Websocket (SOCKET IO)
S
th th
● 10 and 11 Week:
○ Main project presentation
Web Application Development 8
Contents
B .
A
● Projects Presentations (2 weeks)
○ Build a web application which include:
L
■ Database (mysql, mongodb), restful server (Node Js + Express), front-end (Reactjs)
3
■ 2 repositories on github for API and UI Client
■ 1 API documents online, 1 API online URL, 1 web URL online
S
■ 1 PPT file
○ Register:
■ Team, topic from second week.
■ Time for present the idea from 3rd week
○ Student will receive bonuses for a new idea, perfect implementation.
Web Application Development 9
Course’s Keywords
B .
A
Web application development
L
[Internet] [Web] [Web Browsers] [DNS] [HTTP] [CORS] [Web Hosting]
[Front-End] [Back-End] [Static Web] [Dynamic Web] [Static Site
3
Generators] [SPA] [PWA] [ETL] [Module loader] [Version Control] [CLI]
[Build and Task Automation] [Multi-Device Development] [Stateful]
[Stateless] [CRUD] [Application State Management]
S
Web Application Development 10
Books & Materials
B .
A
● Books
○ Learning Web Design, 5th Edition – Jennifer Niederst Robbin
L
○ Node.js Web Development: Server-side development with Node 10 made easy, 4th Edition –
David Herron
3
○ Fullstack React, The complete guide to ReactJS and Friends - Anthony Accomazzo, Ari
Lerner, Nate Murray, Clay Allsopp, David Gutman, and Tyler McGinnis
S
● Blogs and Others references
○ http://www.w3schools.com.
○ https://www.simplilearn.com/tutorials/nodejs-tutorial
○ https://www.simplilearn.com/tutorials/reactjs-tutorial
Web Application Development 11
Q&A
B .
LA
S3 Thank you for listening
Web Application Development
“Coming together is a beginning;
Keeping together is progress;
Working together is success.”
- HENRY FORD
12