What is Full-Stack Web Development?

Loading...

來自 The Hong Kong University of Science and Technology 的課程

Front-End Web UI Frameworks and Tools: Bootstrap 4

752 個評分

The Hong Kong University of Science and Technology

Front-End Web UI Frameworks and Tools: Bootstrap 4

752 個評分

課程 1（共 4 門，Specialization Full-Stack Web Development with React）

This course will give you an overview of client-side web UI frameworks, in particular Bootstrap 4. You will learn about grids and responsive design, Bootstrap CSS and JavaScript components. You will learn about CSS preprocessors, Less and Sass. You will also learn the basics of Node.js and NPM and task runners like Grunt and Gulp. At the end of this course, you will be able to a)Set up, design and style a web page using Bootstrap 4 and its components, b) Create a responsive web page design, and c) Make use of web tools to setup and manage web sites. This course also includes an honors track that enables you to work on your own project developing a website using Bootstrap 4. Students enrolling in this course should have prior good working knowledge of HTML, CSS and JavaScript.

從本節課中

Front-end Web UI Frameworks Overview: Bootstrap

This module gives you a quick introduction to full-stack web development and the outline of the course. Then you will learn the basics of Bootstrap, setting up a web project using Bootstrap. You will learn about responsive design and the Bootstrap grid system. At the end of this module, you need to complete your first assignment.

What is Full-Stack Web Development?5:02

與講師見面

Jogesh K. Muppala
Associate Professor
Department of Computer Science and Engineering

What is Full Stack Web Development?

Let me clarify to you a few terms So,

that we started a common understanding of

full stack web development as applied in this special session.

We often hear people talking about the frond end and back end.

The frond end is where we are delivering the content to the user, typically,

in a browser where they use accesses the information,

and this is where we use technologies like HTML,

CSS and JavaScript to render the content for to the user.

This information delivery is supported behind the scenes by

a back end support which is typically implemented these days using technologies like PHP,

Java, ASP.NET, Ruby, Python or NodeJS.

We often hear people talking about the three tier architecture for Web Development.

In this approach, the entire web application is organized into three different layers.

The presentation layer, which is concerned with delivering the to the user,

So, this is usually

the UI-related concerns that are dealt with at the presentation layer.

The Business Logic Layer, on the other hand,

is concerned more about the data, the data validation,

the dynamic content processing,

and generating the content to be delivered to the user.

This is backed up behind the scenes

with the data persistence layer or the data access layer.

So, this is concerned with how we store and interact with the data,

typically, in the form of a database and access this data through an API.

Exploring this further, let us see what is implemented

typically in the traditional web development in each of these three layers.

The Business Logic Layer is usually implemented these days using technologies like Ruby,

Python, PHP, JAVA, C++ or ASP.NET.

This Business Logic Layer is interacting behind the scenes with

the persistent data typically stored in

a relational database and accessed by the Business Logic Layer.

The Business Logic Layer is also concerned

with the rendering of information to the front side,

typically, in the form of server-side rendering these days.

So, the HTML, CSS and JavaScript is generated on

the server-side and then sent over to the client side in the form of a web page.

In this approach, we need specialists in each of these three layers.

So, frond end specialists, typically,

would be well-versed in HTML, CSS, and JavaScript.

The business logic specialist would be

well-versed in one of the technologies that is used

for implementing the business logic and then you need

a data specialist who will be well-versed in the relational database management system.

There is an increasing trend towards using

a single language to implement the entire stack,

this being JavaScript so you could have the frond end implemented,

for example, as a single page application using frameworks like Angular or React.

You have the server-side or

the Business Logic Layer being implemented using technologies like NodeJS,

which is also dependent on and JavaScript and then you have the data storage, itself,

being implemented using technologies like MongoDB,

which stores data in the form of JSON documents.

And the information exchange between the server side and the client side is usually

done using JSON as the format and the server side supports a REST API endpoint.

We will cover these technologies as part of this specialization.

So, as you go through the specialization,

you will see that on the presentation layer side,

we will cover Bootstrap four and Angular or

React for implementing frond end applications while on

the Business Logic Layer we will be using NodeJS and NodeJS modules

and express for implementing the Business Logic Layer.

We will also consider back end as a service and

then the data support implemented using MongoDB.

探索我們的目錄

免費加入並獲得個性化推薦、更新和優惠。

Coursera 致力於普及全世界最好的教育，它與全球一流大學和機構合作提供在線課程。

© 2018 Coursera Inc. 保留所有權利。

通過 App Store 下載

通過 Google Play 獲取