This course concentrates mainly on Javascript based front-end frameworks, and in particular the Angular framework (Currently Ver. 6.x). This course will use Typescript for developing Angular application. Typescript features will be introduced in the context of Angular as part of the exercises. You will also get an introduction to the use of Angular Material and Angular Flex-Layout for responsive UI design. You will be introduced to various aspects of Angular including components, directives and services. You will learn about data binding, Angular router and its use for developing single-page applications. You will also learn about designing both template-driven forms and reactive forms. A quick introduction to Observables, reactive programming and RxJS in the context of Angular is included. You will then learn about Angular support for client-server communication through the HTTP client and the use of REST API on the server side. A quick tour through Angular animation support and Angular testing rounds off the course. You must have either completed the previous course in the specialization on Bootstrap 4, or have a working knowledge of front end web-UI frameworks to be able to navigate this course. Also a good working knowledge of JavaScript, especially ES 5 is strongly recommended. At the end of this course you will: - Be familiar with client-side Javascript frameworks and the Angular framework - Be able to implement single page applications in Angular - Be able to use various Angular features including directives, components and services - Be able to implement a functional front-end web application using Angular - Be able to use Angular Material and Angular Flex-Layout for designing responsive Angular applications - Be able to use Observables and RxJS in the context of Angular applications
How to Use the Learning Resources
Loading...
En provenance du cours de The Hong Kong University of Science and Technology
Front-End JavaScript Frameworks: Angular
635 notes
The Hong Kong University of Science and Technology
635 notes
Cours 2 sur 5 dans Specialization Full Stack Web and Multiplatform Mobile App Development
À partir de la leçon
Front-End JavaScript Frameworks Overview: Angular
In this module we get a quick introduction to front-end JavaScript frameworks, followed by an introduction to Angular. We will also learn about Angular components and their templates.
Rencontrer les enseignants
Jogesh K. MuppalaAssociate Professor
Department of Computer Science and Engineering
[MUSIC]
Before you embark on this course, let me take you through a quick tour of all
the learning resources that are available in this course.
And how best you can make use of these learning resources to maximize
the benefit of knowing this course.
The course itself is organized into four modules.
Each module has an overarching theme that guides the design of the module.
A module itself is divided into multiple lessons,
each lesson concentrating on one specific Topic
that would an assignment to do at the end of each module.
Each module typically corresponds to one calendar week of work.
So this whole course could be completed in four weeks time,
but please take the time necessary for
you to completely understand before you move on to that next module.
As already mentioned each module is divided into multiple lessons.
Each lesson itself is organized in those module, a lesson starts with a set
of objectives and outcomes being specified for that lesson.
Then following that,
you will have a set of videos that introduce you to the concepts and
technologies on which this particular lesson is concentrating on.
This will be followed by one or more hands-on exercises that will help you to
understand the concepts and technologies by, Doing the exercises.
At the end of each lesson you'll also have additional resources which will point you
to resources that might be useful for the topic covered in this particular lesson.
Let's take a quick tour of your course page.
So as you go to the Course Home page,
you will find a lot of details about the course there.
Now, you'll also notice that the course itself is organized into weeks,
each week corresponding to one module.
Let's visit one particular module to learn how the module itself is structured.
So as you go to each module, you will see that the module will have
a brief introduction on the theme of that particular module.
Then there'll be a set of learning objectives for the particular module.
Following that, you will have a set of lessons.
As I mentioned earlier, each lesson will be organized into a set of items.
Let's take a quick tour of this lesson on Introduction to Angular.
So as you click and go into that lesson,
you will notice that at the start of the lesson, you will have the objectives and
outcomes for the lesson explicitly specified.
I would urge you to take a few moments to read through this document,
because this will clearly set up the goals for this lesson.
And also tell you exactly what you will achieve
at the end of that particular lesson.
Following that, you will have a set of videos that
will explain some of the concepts and
technologies relevant to the particular lesson.
I would urge you to watch these videos first.
Following this set of videos, you will have one or
more hands-on exercises for that particular lesson.
The exercises themselves will be illustrated through a video which gives
you step-by-step progress of that particular exercise.
So I would strongly urge you to watch this video in order to understand
how to do the exercise.
Also, in the exercise I will explain a lot of
details about why each step is being performed in that particular exercise.
Now in addition to the video illustration of the exercise,
you will also have a summary of the instructions for
the particular exercise given as a separate document following that video.
The objectives and outcomes for that particular exercise will be listed out.
Then each step will be illustrated briefly in this particular document here.
So once you watch the video, you can also use this exercise
instructions as a guide as you perform your own exercise routine.
In addition, the exercise instructions will also contain code
snippets that will be useful for you to do your exercise.
I would strongly urge you not to simply cut and paste these code snippets.
Instead, understand exactly what you're doing in each step, and then
either type in the code yourself or copy and paste the code from the instructions.
Furthermore, for every video, if there is a setup presentation slides, those
would be available in the downloads to the right of this video there on the webpage.
Also, if you go to the additional resources that are provided for you at
the end of each lesson, you will also have links to the PDFs of the presentation.
So there are two places from where you can download the PDFs of
the presentations about the the concepts and technologies for each module.
You'll also have links to angular documentation about the specific
concepts and technologies covered in In that particular lesson.
I can also give you links to articles, blogs,
or additional resources from the internet that might be useful or
relevant to this particular topic of that lesson.
I would suggest to you to spend some time looking up these additional resources,
so that they may aid you in also furthering your understanding
of that specific topics covered in that particular lesson.
To summarize, the learning resources in each lesson is organized
into a set of video lectures illustrating the concepts and technologies.
Then hands-on exercises, which include both step by step
instructions in the form of a video, and also written instructions for
the exercises and additional resources that might be useful for
you relevant to that particular lesson.
Also, as I mentioned, at the end of each module, you will have an assignment due.
The tasks to be performed in that assignment will be illustrated
through a video where all the tasks that you need to do in the assignment
will be shown to you.
Then after you will have a written document
that explains the details of that assignment.
This written document will give you access to the resources that I will require for
this assignment.
Following that, you will have the set of objectives and
outcomes for the particular assignment given to you.
Then the requirements of the assignment will be specified in terms
of the set of tasks that you need to complete.
And the steps for each task will be illustrated there.
You will also be given a snapshot of
the webpage to show you the state of the webpage.
And the completion of this particular assignment,
with the specific tasks being highlighted in that snap shot.
At the end of the document, you'll also be given the review criteria, the criteria
based on which your submission will be judged for this particular assignment.
As you embark on this course, let me quickly remind you
of a Sanskrit subhashita or a wise saying about learning.
It goes as follows, [FOREIGN].
What this means is that one-fourth
of your learning comes from your teacher.
One-fourth of your learning comes through your own intelligence.
As you do the steps, use your own intellect to analyze and
understand what your doing.
One-fourth of your learning comes from your classmates.
So this is where interacting with
your colleagues that are also taking the scores at the same time
through the discussion forums will also help you to understand the concepts.
And finally, the last fourth comes only through experience, or only with time.
As you learn and make use of the concepts and technologies that you've learned
in this course, you'll begin to understand more and more about this particular topic.
Let me leave you with my best wishes for you, so
that you would get the most out of your journey through this course.
Wish you all the best.
[MUSIC]
Explorer notre catalogue
Rejoignez-nous gratuitement et obtenez des recommendations, des mises à jour et des offres personnalisées.
Coursera propose un accès universel à la meilleure formation au monde,
en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.
© 2018 Coursera Inc. Tous droits réservés.
