js python html代写-CSCI571
时间:2021-04-04
1
Homework 8: Angular, Ajax, JSON, Responsive Design, and
Node.js
CSCI571 Spring 2021

1. Objectives
• Get familiar with AJAX and JSON technologies
• Use a combination of HTML5, Bootstrap and Angular on client side
• Use Node.js on server side
• Get familiar with Bootstrap to enhance the user experience using responsive design
• Get hands-on experience of Cloud services hosting NodeJS/Express
• Learn to use popular APIs such as TMDB Api
2. Background
2.1 AJAX and JSON
AJAX (Asynchronous JavaScript + XML) incorporates several technologies
• Standards-based presentation using XHTML and CSS
• Result display and interaction using the Document Object Model (DOM)
• Data interchange and manipulation using JSON
• Asynchronous data retrieval using XMLHttpRequest
• JavaScript binding everything together

2.2 Bootstrap
Bootstrap is a free collection of tools for creating responsive websites and web applications. It
contains HTML and CSS-based design templates for typography, forms, buttons, navigation and
other interface components, as well as optional JavaScript extensions. To learn more details about
Bootstrap please refer to the lecture material on Responsive Web Design (RWD). You should use
Bootstrap 4 in this homework.


2.3 Cloud Services

2.3.1 Google App Engine (GAE)
Google App Engine applications are easy to create, easy to maintain, and easy to scale as your
traffic and data storage needs change. With App Engine, there are no servers to maintain. You
simply upload your application and it’s ready to go. App Engine applications automatically scale
based on incoming traffic. Load balancing, micro services, authorization, SQL and noSQL
databases, memcache, traffic splitting, logging, search, versioning, roll out and roll backs, and
security scanning are all supported natively and are highly customizable.
To learn more about GAE support for Node.js visit this page:
https://cloud.google.com/appengine/docs/standard/nodejs/
2
2.4 Angular
Angular is a toolset for building the framework most suited to your application development. It is
fully extensible and works well with other libraries. Every feature can be modified or replaced to
suit your unique development workflow and feature needs. Angular combines declarative
templates, dependency injection, end to end tooling, and integrated best practices to solve
development challenges. Angular empowers developers to build applications that live on the
web, mobile, or the desktop.
For this homework, Angular 8+ (Angular 8, 9 or 10) can be used, but Angular 10 is
recommended. Please note Angular 8+ will need familiarity with Typescript and component-
based programming.

To learn more about Angular 8+, visit this page:
https://angular.io/



2.5 Node.js
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-
driven, non-blocking I/O model that makes it lightweight and efficient. Node.js package
ecosystem, npm, is the largest ecosystem of open source libraries in the world.

To learn more about Node.js, visit:
https://Node.js.org/en/
Also, Express.js is strongly recommended. Express.js is a minimal and flexible Node.js web
application framework that provides a robust set of features for web and mobile applications. It is
in fact the standard server framework for Node.js.

To learn more about Express.js, visit:
http://expressjs.com/
You can use nodemon while developing, visit:

https://www.npmjs.com/package/nodemon


All TMDB API calls should be done through your Node.JS server, otherwise will cause 4-
point penalty.
3
3. High Level Description

In this exercise, you will create a webpage that allows you to search for information regarding
movies and TV shows using the TMDB API and upon selection can display results on the details
page of that specific movie or TV show. You can view popular, top-rated and trending movies and
TV shows on the home page along with currently playing movies. The application evolves from
previous homework.

The user will first open Home page, where the navbar contains Search Bar and user can enter the
movie or TV show name and select from a list of matching movie/TV show names along with
images using “autocomplete”. Selecting the movie or TV show name will lead to the details page
of that movie or TV show.

At the top of Home page, a Carousel of currently playing movie posters is displayed. Recently
visited movies and TV shows are listed under Continue Watching in the Home page. Popular, Top
Rated and Trending movies and TV shows are displayed below it.

There are 4 routes for this application:
a) Home page Route [‘/’] – It is a default route of this application.
b) Movie Details Route [‘/watch/movie/’] – It displays the details of the movie with
id=
c) TV show Details Route [ ‘/watch/tv/’] – It displays the details of the TV show with
id=
d) Watchlist Route [‘/mylist’] – It displays the watchlist of the user.

Instructions on how to use the API are given in Section 4. All implementation details and
requirements will be explained in the following sections.

3.1 Navbar

The Navigation bar must be present on top of the page and be visible all the time. You can use
Bootstrap to create a navbar. It consists of following menu options:
• Home
• MyList
• Search bar

“USC Films” upon clicking will lead to the Home page.

3.1.1 Search Functionality

You must replicate the Search Bar at Top-right in the navigation bar using ngbTypeahead from
ng-bootstrap (Refer section 5.3).

The Search Bar allows user to enter a keyword (Movie name / TV show name) to retrieve
information. Based on the user input, the text box should display a list of top 7 matching movies
4
and TV shows names along with their poster images. The autocomplete JSON data is retrieved
from the TMDB Multi-Search API (refer to Section 4.1.1).
The following is an example of calling this API:
https://api.themoviedb.org/3/search/multi?api_key=97588ddc4a26e3091152aa0c9a40de22&language=en-
US&query=game

3.2 Home Page

3.2.1 Currently Playing Movies Carousel
• Refer to section 4.1.4 showing sample TMDB API calls to get Currently Playing Movies related
information
• Collect Top 5 results from JSON result and create a carousel consisting of 5 slides. It has auto-
rotate time of 5 seconds
• Auto rotate will pause on Hover and on Focus
• Refer to Section 5.3 for Implementation Hints for creating carousel using ng-bootstrap
• Each slide contains poster image of the movie and upon hovering should produce the required
zoom effect and the name of the movie should appear at the bottom of the slide
• Selecting a particular slide, will take you to details page of that movie

3.2.2 Continue Watching Section
• When the user opens Home page for the first time, there will be no continue watching section.
• Once the user searches for any movie or TV show and selects, they will visit the details page of
that movie or TV show. That movie or TV show gets added to the beginning of Continue
Watching section’s carousel.
• This List will be maintained in local storage of the application. For more details on local
storage, see section 5.4.

3.2.3 Popular Movies Section

• Popular Movies carousel displays a list of Popular Movies from Popular Movies endpoint. Refer
to section 4.1.5 for TMDB example. Following is the template of API call:
https://api.themoviedb.org/3/movie/popular?api_key=<>&language=en-
US&page=1


3.2.4 Top Rated Movies Section
Top Rated Movies carousel displays a list of Top-Rated Movies from Top-Rated Movies
endpoint. Refer to section 4.1.3 for TMDB example. Following is the template of API
call:https://api.themoviedb.org/3/movie/top_rated?api_key=<>&language=en-
US&page=1

3.2.5 Trending Movies Section
Trending Movies carousel displays a list of Trending Movies from Trending Movies endpoint.
Refer to section 4.1.2 for TMDB example. Following is the template of API call:
https://api.themoviedb.org/3/trending/movie/day?api_key=<>

5
3.2.6 Popular TV Shows Section
Popular TV shows carousel displays a list of Popular TV shows. Refer to section 4.1.14 for
TMDB API example. Following is the template of API call:
https://api.themoviedb.org/3/tv/popular?api_key=<>&language=en-
US&page=1


3.2.7 Top Rated TV Shows Section
Top Rated TV Shows carousel displays a list of highest Rated TV shows. Refer to section 4.1.13
for TMDB example. Following is the template of API call:
https://api.themoviedb.org/3/tv/top_rated?api_key=<>&language=en-
US&page=1

3.2.8 Trending TV shows Section
Trending TV shows carousel displays a list of Trending TV shows. Refer to section 4.1.12 for
TMDB example. Following is the template of API call:
https://api.themoviedb.org/3/trending/tv/day?api_key=<>


Styling and Functionality for Sections from 3.2.2 to 3.2.8, 3.3.5 and 3.3.6:
• Refer to Section 5.3 for Implementation Hints for creating carousel using ng-bootstrap
• Carousel consists of 6 movie cards in a slide with left and right arrows at each end used for
sliding to the next/previous set of cards
• Each Movie or TV show card, upon hovering should produce the required zoom effect and the
name of TV show or movie at the bottom of the card.
• Selecting a particular movie’s or TV show’s card will take you to details page of that movie or
Tv show.

3.3 Details Page

3.3.1 Details of Searched Movie/ TV show

After the user selects a Movie or TV show from autocomplete suggestions dropdown, page should
route to /watch// path where can be movie or tv.
(example: /watch/movie/299534 if selected item’s is movie or /watch/tv/1668 if
selected item’s is tv).
The following components need to be displayed on successful search:
• Video of trailer (if not present, then teaser) of the movie or TV show is played using
Youtube player (refer section 5.1). If no video is available, use default video id as
tzkWB85ULJY
• Title of the movie or TV show
• Tagline of the movie or TV show
• Release year, Average votes, Duration of the Movie/TV show
• Genres, spoken languages
• Overview
• Full cast and crew
6
• Reviews
• Recommended and Similar movies for movie or Recommended and similar
TV shows for tv
Refer to sections 4.1.8, 4.1.9, 4.1.17 and 4.1.18 for TMDB API Templates and
Examples.
• There is button “Add to Watchlist”, which when clicked adds that particular
movie or TV show at the top of the watchlist. It also produces an alert saying,
“Added to watchlist”. Alert closes automatically after 5 seconds or can be
manually closed by user.
• On clicking “Remove from Watchlist” button movie or TV show gets removed
from watchlist. After removing from watchlist button changes back to “Add to
watchlist”. Alert closes automatically after 5 seconds or can be manually closed
by user.

3.3.2 Share Options
• User can share the Video (teaser or trailer links, priority is given to trailer) on Twitter
and Facebook. For details on how to use it, refer Section 4.2.
• Twitter and Facebook should open in a new browser tab, if clicked.
• In Twitter, it should create a post having following content:
Watch </br><Youtube link of the video> </br>#USC #CSCI571 #FightOn </br>• In Facebook, it should create a post, which contains Youtube video link. </br> </br>3.3.3 Full Cast and Crew section </br>• Refer to sections 4.1.11 Movie cast End point and 4.1.20 TV show Cast Endpoint for API </br>Template and Examples </br>• Each cast member is displayed on a card with their image, name and character name </br>• There is a scroll bar below the cards, which when scrolled shows the cards for rest of the </br>cast </br>• When clicked on one of the cards, open a Modal window. For details regarding </br>implementing a Modal refer section 5.3. </br>• Modal contains the following fields: </br>o Name of the Cast member </br>o Image of the cast member </br>o Date of birth </br>o Place of birth </br>o Gender </br>o Known for </br>o Other names of the cast member </br>o External ids of cast member - upon hovering, a small tooltip appears </br>Example: Visit IMDB, Visit Instagram </br>7 </br>On clicking, it should take the user to that social media handle of that cast member </br>o Biography of the cast member </br>Refer sections 4.1.21 and 4.1.22 to find example API calls to get external ids and details about cast </br>members. </br>If any of the required fields are null, they should not appear in the modal. Ignore them. </br>On clicking the cross symbol or anywhere outside of the modal view, modal should close. </br>3.3.4 Reviews </br>• Refer to sections 4.1.10 and 4.1.19 to find the sample API calls to TMDB to get reviews </br>for a particular movie or TV show using their id and API key. </br>• We display the number of reviews retrieved for the Movie or TV show. A maximum of </br>10 reviews should be displayed </br>• Each review will contain author’s name, profile picture, rating given, written date, time </br>and content of the review </br>• “Read the rest” text will open the full review in new tab </br>• If the content of review is more than 3 lines, it should end with ellipsis the end of 3rd line </br>with “…” </br>3.3.5 Recommended Movies/ TV shows </br>• Refer to sections 4.1.6 and 4.1.15 to find the example TMDB API calls to get recommended </br>movies/TV shows </br>• We give recommended movies or TV shows depending on the media_type of the item displayed </br>on details page </br> </br>3.3.6 Similar Movies/TV shows </br>• Refer to sections 4.1.7 and 4.1.16 to find the example TMDB API calls to get recommended </br>movies/TV shows </br>• We give similar movies or TV shows depending on the media_type of the item displayed on </br>details page </br> </br>3.4 Watchlist Menu </br> </br>This menu will display all the Movies and TV shows that are added to the watchlist by the user. </br>This watchlist will be maintained in local storage of the application. For more details on local </br>storage, see section 5.4. </br>• Each Movie or TV show is displayed in the form of a card </br>• Upon hovering, it produces zooming effect and name of the Movie or TV show should </br>appear at the bottom of the card </br>• Most Recently added Movie or TV show should be added at the beginning of the list. </br>Once the Movie or TV show which is in the watchlist is visited again, it shifts to the </br>beginning of the watchlist </br>• On clicking Movie or TV show card, it should take user to the details page of that Movie </br>or TV show </br>• If watchlist is empty, it should display the alert showing the message “No items found in </br>Watchlist”. </br>8 </br>3.5 Custom Scroll Bar </br>There is customized scroll bar for the whole web application. </br> </br>3.6 Footer </br>The Footer must be present at the end of each page. It should contain following line: “Powered </br>by TMDB. Developed by <student’s name>”. Here <student’s name> must be replaced with </br>your name. </br> </br>3.7 Responsive Design </br> </br>You must watch the video carefully to see how each page looks like on mobile devices. </br>All functions must work on mobile devices like iphone 6/7/9 plus. </br>Please note that for Sections from 3.2.2 to 3.2.8, 3.3.5 and 3.3.6, the indicators at </br>bottom of carousel should be disabled and the Hover effect should be enabled by </br>default in mobile view. </br>One easy way to test for mobile devices is to use Google Chrome Responsive Design Mode </br> </br>4. API’s description </br> </br>4.1 TMDB API calls similar to Homework 6 </br> </br>In this homework, we will use TMDB API. </br> </br> </br>4.1.1 Multi-Search Endpoint to search for both Movies and TV shows </br> </br>From this endpoint, you will get a lot of information about the shows, movies, and people that </br>are related to your search query. For each object that is returned, find out if it is a movie, show, </br>or a person through the ‘media_type’ property returned for each object. If it is a movie or a </br>tv show, collect it, otherwise, ignore it. </br> </br>API Template: </br>https://api.themoviedb.org/3/search/multi?api_key=<<api_key>>&language=enUS&query= </br><<search_query>> </br> </br>URL parameters to be provided in API Call: </br>• query: search query </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br> </br> </br>9 </br>API Example: </br>https://api.themoviedb.org/3/search/multi?api_key=97588ddc4a26e3091152aa0c9a40de22& </br>language=en-US&query=game </br> </br> </br> For each TV show, you will only need these fields: </br>• id - the ID of the TV Show </br>• name - the name of the TV Show </br>• backdrop_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + backdrop_path </br>• Media_type – tv </br> </br> For each Movie, you will only need these fields: </br>• id - the ID of the Movie </br>• name - the name of the Movie </br>• backdrop_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + backdrop_path </br>• Media_type - movie </br> </br>4.1.2 Trending Movies Endpoint </br> </br>This endpoint will be used to get information about trending movies </br> </br>API Template: </br>https://api.themoviedb.org/3/trending/movie/day?api_key=<<api_key>> </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br> </br>API Example: </br>https://api.themoviedb.org/3/trending/movie/day?api_key=97588ddc4a26e3091152aa0c9a4 </br>0de22 </br> </br>You will only need these fields: </br>• id - the ID of the Movie </br>• title - the name of the Movie </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path </br> </br>4.1.3 Top-Rated Movies Endpoint </br>This endpoint will be used to get information about highest rated movies </br> </br>API Template: </br>https://api.themoviedb.org/3/movie/top_rated?api_key=<<api_key>>&language=en- </br>10 </br>US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br> </br>API Example: </br>https://api.themoviedb.org/3/movie/top_rated?api_key=97588ddc4a26e3091152aa0c9a40de </br>22&language=en-US&page=1 </br> </br> </br>You will only need these fields: </br>• id - the ID of the Movie </br>• title - the name of the Movie </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path </br> </br>4.1.4 Currently playing Movies Endpoint </br>This endpoint will be used to get information about currently playing movies </br> </br>API Template: </br>https://api.themoviedb.org/3/movie/now_playing?api_key=<<api_key>>&language=en- </br>US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br> </br>API Example: </br>https://api.themoviedb.org/3/movie/now_playing?api_key=97588ddc4a26e3091152aa0c9a4 </br>0de22&language=en-US&page=1 </br> </br>You will only need these fields: </br>• id - ID of the Movie </br>• title - name of the Movie </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path. Ignore those movies </br>which don’t have poster_path. </br> </br>4.1.5 Popular Movies Endpoint </br>This endpoint will be used to get information about popular movies </br> </br>API Template: </br>https://api.themoviedb.org/3/movie/popular?api_key=<<api_key>>&language=en- </br>US&page=1 </br>11 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br> </br>API Example: </br>https://api.themoviedb.org/3/movie/popular?api_key=97588ddc4a26e3091152aa0c9a40de2 </br>2&language=en-US&page=1 </br> </br> </br>You will only need these fields: </br>• id - the ID of the Movie </br>• title - the name of the Movie </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path </br> </br>4.1.6 Recommended Movies Endpoint </br> </br>This endpoint will be used to get information about recommended movies </br> </br>API Template: </br>https://api.themoviedb.org/3/movie/<<movie_id>>/recommendations?api_key=<<api_key> </br>>&language=en-US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• Movie_id: id of the movie </br> </br>API Example: </br>https://api.themoviedb.org/3/movie/464052/recommendations?api_key=97588ddc4a26e309 </br>1152aa0c9a40de22&language=en-US&page=1 </br> </br>You will only need these fields: </br>• id - the ID of the Movie </br>• title - the name of the Movie </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path </br> </br>4.1.7 Similar Movies Endpoint </br> </br> This endpoint will be used to get information about movies similar to the selected movie </br> </br>API Template: </br>https://api.themoviedb.org/3/movie/<<movie_id>>/similar?api_key=<<api_key>>&languag </br>12 </br>e=en-US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• Movie_id: id of the movie </br> </br>API Example: </br>https://api.themoviedb.org/3/movie/464052/similar?api_key=97588ddc4a26e3091152aa0c9 </br>a40de22&language=en-US&page=1 </br> </br> </br>You will only need these fields: </br>• id - the ID of the Movie </br>• title - the name of the Movie </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path </br> </br>4.1.8 Movies Video Endpoint </br> </br>This endpoint will be used to get video related to the selected movie </br> </br>API Template: </br>https://api.themoviedb.org/3/movie/<<movie_id>>/videos?api_key=<<api_key>>&languag </br>e=en-US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• Movie_id: id of the movie </br> </br>API Example: </br>https://api.themoviedb.org/3/movie/464052/videos?api_key=97588ddc4a26e3091152aa0c9a </br>40de22&language=en-US&page=1 </br> </br>You will only need these fields: </br>• site – the website where video is available </br>• type – the type of video available </br>• name – the caption for video </br>• key – You need to construct video link like this: </br>"https://www.youtube.com/watch?v=" +key </br> </br> </br>4.1.9 Movie Details Endpoint </br> </br>13 </br>This endpoint will be used to get information about Movie details </br> </br>API Template: </br>https://api.themoviedb.org/3/movie/<<movie_id>>?api_key=<<api_key>>&language=en- </br>US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• Movie_id: id of the movie </br> </br>API Example: </br>https://api.themoviedb.org/3/movie/464052?api_key=97588ddc4a26e3091152aa0c9a40de22 </br>&language=en-US&page=1 </br> </br>You will only need these fields: </br>• title – title of the movie </br>• genres – movie’s genres </br>• spoken_languages – Languages in which movie is available </br>• release_date – release date of the movie </br>• runtime – duration of movie </br>• overview – movie’s synopsis </br>• vote_average – movie rating votes </br>• tagline – movie’s tag line </br> </br>4.1.10 Movie Reviews Endpoint </br>This endpoint will be used to get reviews related to the selected movie </br> </br>API Template: </br>https://api.themoviedb.org/3/movie/<<movie_id>>/reviews?api_key=<<api_key>>&langua </br>ge=en-US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• Movie_id: id of the movie </br> </br>API Example: </br>https://api.themoviedb.org/3/movie/464052/reviews?api_key=97588ddc4a26e3091152aa0c9 </br>a40de22&language=en-US&page=1 </br>You will need a list of the following fields: </br>• author – the author of the review </br>• content – review’s content </br>• created_at – date at which review was created </br>• url – link to the review </br>14 </br>• rating – rating value if not null, take 0 otherwise </br>• avatar_path – profile picture of author </br> When you get the id from avatar_path, you can append https://image.tmdb.org/t/p/original at </br>the beginning of it, otherwise use the link provided. </br>If avatar_path is not present, use the default image source as “https://encrypted- </br>tbn0.gstatic.com/images?q=tbn:ANd9GcRHnPmUvFLjjmoYWAbLTEmLLIRCPpV_Ogx </br>CVA&usqp=CAU” or download it from the website. </br> </br>4.1.11 Movie Cast Endpoint </br>This endpoint will be used to get cast related information of the selected movie </br> </br>API Template: </br>https://api.themoviedb.org/3/movie/<<movie_id>>/credits?api_key=<<api_key>>&languag </br>e=en-US&page=1 </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• Movie_id: id of the movie </br> </br>API Example: </br>https://api.themoviedb.org/3/movie/464052/credits?api_key=97588ddc4a26e3091152aa0c9a </br>40de22&language=en-US&page=1 </br>You will need a list of the following fields: </br>• Id – id of the cast member </br>• name – name of the cast member </br>• character – character’s name </br>• profile_path – Construct image url: https://image.tmdb.org/t/p/w500/+ </br>profile_path </br>If profile picture is not available, don’t display those cast members. </br> </br> </br>4.1.12 Trending TV Shows Endpoint </br>This endpoint will be used to get information about trending TV shows </br> </br>API Template: </br>https://api.themoviedb.org/3/trending/tv/day?api_key=<<api_key>> </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br> </br>API Example: </br>https://api.themoviedb.org/3/trending/tv/day?api_key=97588ddc4a26e3091152aa0c9a40de2 </br>2 </br>You will only need these fields: </br>• id - the ID of the TV show </br>15 </br>• name - the name of the TV show </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path </br> </br> </br>4.1.13 Top-Rated TV shows Endpoint </br>This endpoint will be used to get information about top-rated TV shows </br> </br>API Template: </br>https://api.themoviedb.org/3/tv/top_rated?api_key=<<api_key>>&language=en- </br>US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br> </br>API Example: </br>https://api.themoviedb.org/3/tv/top_rated?api_key=97588ddc4a26e3091152aa0c9a40de22& </br>language=en-US&page=1 </br>You will only need these fields: </br>• id - the ID of the TV show </br>• name - the name of the TV show </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path </br> </br>4.1.14 Popular TV shows Endpoint </br>This endpoint will be used to get information about popular TV shows </br> </br>API Template: </br>https://api.themoviedb.org/3/tv/popular?api_key=<<api_key>>&language=en-US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br> </br>API Example: </br>https://api.themoviedb.org/3/tv/popular?api_key=97588ddc4a26e3091152aa0c9a40de2 </br>2&language=en-US&page=1 </br> </br>You will only need these fields: </br>• id - the ID of the Tv show </br>• name- the name of the Tv show </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path </br> </br>16 </br> </br> </br>4.1.15 Recommended TV shows Endpoint </br> </br>This endpoint will be used to get information about recommended TV shows </br> </br>API Template: </br>https://api.themoviedb.org/3/tv/<<tvshow_id>>/recommendations?api_key=<<api_key>>&l </br>anguage=en-US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• tvshow_id: id of the TV show </br> </br>API Example: </br>https://api.themoviedb.org/3/tv/85271/recommendations?api_key=97588ddc4a26e3091152a </br>a0c9a40de22&language=en-US&page=1 </br> </br>You will only need these fields: </br>• id - the ID of the TV show </br>• name - the name of the TV show </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path </br> </br>4.1.16 Similar TV shows Endpoint </br> </br>This endpoint will be used to get information about TV shows similar to the selected TV show </br> </br>API Template: </br>https://api.themoviedb.org/3/tv/<<tvshow_id>>/similar?api_key=<<api_key>>&language=e </br>n-US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• tvshow_id: id of the TV show </br> </br>API Example: </br>https://api.themoviedb.org/3/tv/85271/similar?api_key=97588ddc4a26e3091152aa0c9a40de </br>22&language=en-US&page=1 </br> </br>You will only need these fields: </br>• id - the ID of the Movie </br>• name - the name of the Movie </br>17 </br>• poster_path – You need to construct image url like this: </br>https://image.tmdb.org/t/p/w500 + poster_path </br> </br>4.1.17 TV show Video Endpoint </br> </br>This endpoint will be used to get video related to the selected TV show </br> </br>API Template: </br>https://api.themoviedb.org/3/tv/<<tvshow_id>>/videos?api_key=<<api_key>>&language=e </br>n-US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• Tvshow_id: id of the TV show </br> </br>API Example: </br>https://api.themoviedb.org/3/tv/85271/videos?api_key=97588ddc4a26e3091152aa0c9a40de </br>22&language=en-US&page=1 </br>You will only need these fields: </br>• site – the website where video is available </br>• type – the type of video available </br>• name – the caption for video </br>• key – You need to construct video link like this: </br>"https://www.youtube.com/watch?v=" +key </br> </br> </br>4.1.18 TV show Details Endpoint </br>This endpoint will be used to get information about TV show details </br> </br>API Template: </br>https://api.themoviedb.org/3/tv/<<tvshow_id>>?api_key=<<api_key>>&language=en- </br>US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• tvshow_id: id of the TV show </br> </br>API Example: </br>https://api.themoviedb.org/3/tv/85271?api_key=97588ddc4a26e3091152aa0c9a40de22&lan </br>guage=en-US&page=1 </br>You will only need these fields: </br>• title – title of the TV show </br>• genres – TV show’s genres </br>18 </br>• spoken_languages – Languages in which TV show is available </br>• first_air_date – release date of the TV show </br>• episode_run_time – duration of TV show’s episode </br>• overview – TV show synopsis </br>• vote_average – TV show rating votes </br>• tagline – TV show tag line </br> </br> </br>4.1.19 TV show Reviews Endpoint </br> </br>This endpoint will be used to get reviews related to the selected TV show </br> </br>API Template: </br>https://api.themoviedb.org/3/tv/<<tvshow_id>>/reviews?api_key=<<api_key>>&language= </br>en-US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• tvshow_id: id of the TV show </br> </br>API Example: </br>https://api.themoviedb.org/3/tv/85271/reviews?api_key=97588ddc4a26e3091152aa0c9a40d </br>e22&language=en-US&page=1 </br> </br>You will need a list of the following fields: </br>• author – the author of the review </br>• content – review’s content </br>• created_at – date at which review was created </br>• url – link to the review </br>• rating – rating value if not null, take 0 otherwise </br>• avatar_path – avatar of author </br>When you get the id from avatar_path, you can append “https://image.tmdb.org/t/p/original” </br>at the beginning of it, otherwise use the link provided. </br>If avatar_path is not present, use the default image source as “https://encrypted- </br>tbn0.gstatic.com/images?q=tbn:ANd9GcRHnPmUvFLjjmoYWAbLTEmLLIRCPpV_Ogx </br>CVA&usqp=CAU” or download it from the website. </br> </br> </br>4.1.20 TV show Cast Endpoint </br>This endpoint will be used to get cast related information of the selected TV show </br> </br>API Template: </br>https://api.themoviedb.org/3/tv/<<tvshow_id>>/credits?api_key=<<api_key>>&language=e </br>n-US&page=1 </br> </br>19 </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• tvshow_id: id of the TV show </br> </br>API Example: </br>https://api.themoviedb.org/3/tv/85271/credits?api_key=97588ddc4a26e3091152aa0c9a40de </br>22&language=en-US&page=1 </br>You will need a list of the following fields: </br>• Id – id of the cast member </br>• name – name of the cast member </br>• character – character’s name </br>• profile_path – Construct image url: https://image.tmdb.org/t/p/w500/+ </br>profile_path </br>If profile picture is not available, don’t display those cast members. </br> </br>4.1.21 Cast Details Endpoint </br> </br>This endpoint will be used to get information related to cast member using person id </br> </br>API Sample: </br>https://api.themoviedb.org/3/person/<<person_id>>?api_key=<<api_key>>&language=en- </br>US&page=1 </br> </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• person_id: id of the cast member, we can get this using 4.1.11 for </br>movie cast members and 4.1.20 for TV show cast members </br> </br>API Example: </br>https://api.themoviedb.org/3/person/550843?api_key=97588ddc4a26e3091152aa0c9a40de2 </br>2&language=en-US&page=1 </br> </br>You will need a list of the following fields: </br>• birthday – date of birth of cast member </br>• gender – 1 for female and 2 for male, undefined if 0 </br>• name – name of the cast member </br>• homepage – website link for cast member </br>• also known as – other names of cast members </br>• known for department – talents </br>• biography – biography of cast member </br> </br>4.1.22 Cast external ids Endpoint </br>20 </br> </br>This endpoint will be used to get information related to external ids of cast member using person id </br> </br>API Sample: </br>https://api.themoviedb.org/3/person/<<person_id>>/external_ids?api_key=<<api_key>>&la </br>nguage=en-US&page=1 </br> </br>URL parameter in API Call: </br>• api_key: The API access Key. It is private, please do not share with </br>anyone. See Homework 6. </br>• person_id: id of the cast member, we can get this using 4.1.11 for </br>movie cast members and 4.1.21 for TV show cast members </br> </br>API Example: </br>https://api.themoviedb.org/3/person/550843/external_ids?api_key=97588ddc4a26e3091152 </br>aa0c9a40de22&language=en-US&page=1 </br> </br>You will need a list of the following fields: </br>• imdb_id – imdb page for cast member (imdb.com/name/imdb_id) </br>• facebook_id – facebook id of cast member </br>(facebook.com/facebook_id) </br>• Instagram_id – Instagram id if of cast member </br>(instagram.com/Instagram_id) </br>• Twitter_id – twitter id if of cast member (twitter.com/Twitter_id) </br> </br>4.2 Socials </br> </br>4.2.1 Twitter </br>Refer the following link for details: </br>https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview </br> </br>4.2.2 Facebook </br>Refer the following link for details: </br>https://developers.facebook.com/docs/plugins/share-button/ </br> </br>5. Implementation Hints </br> </br>5.1 Useful Libraries </br> </br>To get started with the Bootstrap toolkit, please see: </br>https://getbootstrap.com/docs/4.0/getting-started/introduction/. </br> </br>Bootstrap can be imported to Angular in couple of ways. See: </br>https://www.techiediaries.com/angular-bootstrap/ </br> </br>21 </br>Angular Youtube player: </br>https://www.npmjs.com/package/@angular/youtube-player </br> </br>NG Bootstrap: </br>https://ng-bootstrap.github.io/#/getting-started </br> </br>5.2 Bootstrap UI Components </br> </br>Bootstrap provides a complete mechanism to make Web pages responsive for different mobile </br>devices. In this exercise, you will get hands-on experience with responsive design using the </br>Bootstrap Grid System. </br>https://getbootstrap.com/docs/4.0/layout/grid/ </br> </br>At a minimum, you will need to use Bootstrap Forms, Alerts, Cards and Buttons to implement </br>the required functionality. </br>Bootstrap Forms https://getbootstrap.com/docs/4.0/components/forms/ </br>Bootstrap Alerts https://getbootstrap.com/docs/4.0/components/alerts/ </br>Bootstrap Cards https://getbootstrap.com/docs/4.0/components/card/ </br>Bootstrap Buttons https://getbootstrap.com/docs/4.0/components/buttons/ </br> </br> </br>5.3 Ng-Bootstrap </br> </br>• Carousel - https://ng-bootstrap.github.io/#/components/carousel/examples </br>• Alerts - https://ng-bootstrap.github.io/#/components/alert/examples </br>• Modal -https://ng-bootstrap.github.io/#/components/modal/examples </br>• ngbTypeahead - https://ng-bootstrap.github.io/#/components/typeahead/examples </br>• Tooltip - https://ng-bootstrap.github.io/#/components/tooltip/examples </br> </br> </br>5.4 Local Storage </br> </br>Refer the following documentation for detailed understanding on Local Storage and how </br>to use it: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage </br> </br>5.5 Icons </br>Use font-awesome icons: https://fontawesome.com/icons?d=gallery&p=2 </br> </br>5.6 Deploy Node.js application on Cloud Services </br> </br>Since Homework #8 is implemented with Node.js on Cloud Services, you should select Nginx as </br>your proxy server (if available), which should be the default option. </br> </br>6. Files to Submit </br>22 </br>In your course homework page, you should update the Homework #8 link to refer to your new </br>initial web page for this exercise. Additionally, you need to provide an additional link to the URL </br>of the cloud service where the AJAX call is made with sample parameter values. </br>Zip the project folder and submit on DEN. </br> </br> </br>**IMPORTANT**: </br>All videos are part of the homework description. All discussions and explanations in Piazza </br>related to this homework are part of the homework description and will be accounted into </br>grading. So please review all Piazza threads before finishing the assignment. </br> </br> </br> </br></br><a href="https://www.xuebaunion.com">学霸联盟</a></div> </div> <div class="detail-cont-tag"> <ul> <li> <a href="/list.html?tagId=1"><i></i>留学生代写</a> </li> <li> <a href="/list.html?tagId=2"><i></i>Python代写</a> </li> <li> <a href="/list.html?tagId=3"><i></i>Java代写</a> </li> <li> <a href="/list.html?tagId=4"><i></i>c/c++代写</a> </li> <li> <a href="/list.html?tagId=5"><i></i>数据库代写</a> </li> <li> <a href="/list.html?tagId=6"><i></i>算法代写</a> </li> <li> <a href="/list.html?tagId=7"><i></i>机器学习代写</a> </li> <li> <a href="/list.html?tagId=8"><i></i>数据挖掘代写</a> </li> <li> <a href="/list.html?tagId=9"><i></i>数据分析代写</a> </li> <li> <a href="/list.html?tagId=10"><i></i>Android代写</a> </li> <li> <a href="/list.html?tagId=11"><i></i>html代写</a> </li> <li> <a href="/list.html?tagId=12"><i></i>计算机网络代写</a> </li> <li> <a href="/list.html?tagId=13"><i></i>操作系统代写</a> </li> <li> <a href="/list.html?tagId=14"><i></i>计算机体系结构代写</a> </li> <li> <a href="/list.html?tagId=15"><i></i>R代写</a> </li> <li> <a href="/list.html?tagId=16"><i></i>数学代写</a> </li> <li> <a href="/list.html?tagId=17"><i></i>金融作业代写</a> </li> <li> <a href="/list.html?tagId=18"><i></i>微观经济学代写</a> </li> <li> <a href="/list.html?tagId=19"><i></i>会计代写</a> </li> <li> <a href="/list.html?tagId=20"><i></i>统计代写</a> </li> <li> <a href="/list.html?tagId=21"><i></i>生物代写</a> </li> <li> <a href="/list.html?tagId=22"><i></i>物理代写</a> </li> <li> <a href="/list.html?tagId=23"><i></i>机械代写</a> </li> <li> <a href="/list.html?tagId=25"><i></i>Assignment代写</a> </li> <li> <a href="/list.html?tagId=26"><i></i>sql数据库代写</a> </li> <li> <a href="/list.html?tagId=27"><i></i>analysis代写</a> </li> <li> <a href="/list.html?tagId=28"><i></i>Haskell代写</a> </li> <li> <a href="/list.html?tagId=29"><i></i>Linux代写</a> </li> <li> <a href="/list.html?tagId=30"><i></i>Shell代写</a> </li> <li> <a href="/list.html?tagId=31"><i></i>Diode Ideality Factor代写</a> </li> <li> <a href="/list.html?tagId=32"><i></i>宏观经济学代写</a> </li> <li> <a href="/list.html?tagId=33"><i></i>经济代写</a> </li> <li> <a href="/list.html?tagId=34"><i></i>计量经济代写</a> </li> <li> <a href="/list.html?tagId=35"><i></i>math代写</a> </li> <li> <a href="/list.html?tagId=36"><i></i>金融统计代写</a> </li> <li> <a href="/list.html?tagId=37"><i></i>经济统计代写</a> </li> <li> <a href="/list.html?tagId=38"><i></i>概率论代写</a> </li> <li> <a href="/list.html?tagId=39"><i></i>代数代写</a> </li> <li> <a href="/list.html?tagId=40"><i></i>工程作业代写</a> </li> <li> <a href="/list.html?tagId=41"><i></i> Databases代写</a> </li> <li> <a href="/list.html?tagId=42"><i></i>逻辑代写</a> </li> <li> <a href="/list.html?tagId=43"><i></i>JavaScript代写</a> </li> <li> <a href="/list.html?tagId=44"><i></i>Matlab代写</a> </li> <li> <a href="/list.html?tagId=45"><i></i>Unity代写</a> </li> <li> <a href="/list.html?tagId=46"><i></i>BigDate大数据代写</a> </li> <li> <a href="/list.html?tagId=47"><i></i>汇编代写</a> </li> <li> <a href="/list.html?tagId=48"><i></i>stat代写</a> </li> <li> <a href="/list.html?tagId=49"><i></i>scala代写</a> </li> <li> <a href="/list.html?tagId=50"><i></i>OpenGL代写</a> </li> <li> <a href="/list.html?tagId=51"><i></i>CS代写</a> </li> <li> <a href="/list.html?tagId=53"><i></i>程序代写</a> </li> <li> <a href="/list.html?tagId=54"><i></i>简答代写</a> </li> <li> <a href="/list.html?tagId=55"><i></i>Excel代写</a> </li> <li> <a href="/list.html?tagId=56"><i></i>Logisim代写</a> </li> <li> <a href="/list.html?tagId=57"><i></i>代码代写</a> </li> <li> <a href="/list.html?tagId=58"><i></i>手写题代写</a> </li> <li> <a href="/list.html?tagId=59"><i></i>电子工程代写</a> </li> <li> <a href="/list.html?tagId=60"><i></i>判断代写</a> </li> <li> <a href="/list.html?tagId=61"><i></i>论文代写</a> </li> <li> <a href="/list.html?tagId=62"><i></i>stata代写</a> </li> <li> <a href="/list.html?tagId=63"><i></i>witness代写</a> </li> <li> <a href="/list.html?tagId=64"><i></i>statscloud代写</a> </li> <li> <a href="/list.html?tagId=65"><i></i>证明代写</a> </li> <li> <a href="/list.html?tagId=66"><i></i>非欧几何代写</a> </li> <li> <a href="/list.html?tagId=67"><i></i>理论代写</a> </li> <li> <a href="/list.html?tagId=68"><i></i>http代写</a> </li> <li> <a href="/list.html?tagId=69"><i></i>MySQL代写</a> </li> <li> <a href="/list.html?tagId=70"><i></i>PHP代写</a> </li> <li> <a href="/list.html?tagId=71"><i></i>计算代写</a> </li> <li> <a href="/list.html?tagId=72"><i></i>考试代写</a> </li> <li> <a href="/list.html?tagId=73"><i></i>博弈论代写</a> </li> <li> <a href="/list.html?tagId=74"><i></i>英语代写</a> </li> <li> <a href="/list.html?tagId=75"><i></i>essay代写</a> </li> <li> <a href="/list.html?tagId=76"><i></i>不限代写</a> </li> <li> <a href="/list.html?tagId=77"><i></i>lingo代写</a> </li> <li> <a href="/list.html?tagId=78"><i></i>线性代数代写</a> </li> <li> <a href="/list.html?tagId=79"><i></i>文本处理代写</a> </li> <li> <a href="/list.html?tagId=80"><i></i>商科代写</a> </li> <li> <a href="/list.html?tagId=81"><i></i>visual studio代写</a> </li> <li> <a href="/list.html?tagId=82"><i></i>光谱分析代写</a> </li> <li> <a href="/list.html?tagId=83"><i></i>report代写</a> </li> <li> <a href="/list.html?tagId=84"><i></i>GCP代写</a> </li> <li> <a href="/list.html?tagId=85"><i></i>无代写</a> </li> <li> <a href="/list.html?tagId=86"><i></i>电力系统代写</a> </li> <li> <a href="/list.html?tagId=87"><i></i>refinitiv eikon代写</a> </li> <li> <a href="/list.html?tagId=88"><i></i>运筹学代写</a> </li> <li> <a href="/list.html?tagId=89"><i></i>simulink代写</a> </li> <li> <a href="/list.html?tagId=90"><i></i>单片机代写</a> </li> <li> <a href="/list.html?tagId=91"><i></i>GAMS代写</a> </li> <li> <a href="/list.html?tagId=92"><i></i>人力资源代写</a> </li> <li> <a href="/list.html?tagId=93"><i></i>报告代写</a> </li> <li> <a href="/list.html?tagId=94"><i></i>SQLAlchemy代写</a> </li> <li> <a href="/list.html?tagId=95"><i></i>Stufio代写</a> </li> <li> <a href="/list.html?tagId=96"><i></i>sklearn代写</a> </li> <li> <a href="/list.html?tagId=97"><i></i>计算机架构代写</a> </li> <li> <a href="/list.html?tagId=98"><i></i>贝叶斯代写</a> </li> <li> <a href="/list.html?tagId=99"><i></i>以太坊代写</a> </li> <li> <a href="/list.html?tagId=100"><i></i>计算证明代写</a> </li> <li> <a href="/list.html?tagId=101"><i></i>prolog代写</a> </li> <li> <a href="/list.html?tagId=102"><i></i>交互设计代写</a> </li> <li> <a href="/list.html?tagId=103"><i></i>mips代写</a> </li> <li> <a href="/list.html?tagId=104"><i></i>css代写</a> </li> <li> <a href="/list.html?tagId=105"><i></i>云计算代写</a> </li> <li> <a href="/list.html?tagId=106"><i></i>dafny代写</a> </li> <li> <a href="/list.html?tagId=107"><i></i>quiz考试代写</a> </li> <li> <a href="/list.html?tagId=108"><i></i>js代写</a> </li> <li> <a href="/list.html?tagId=109"><i></i>密码学代写</a> </li> <li> <a href="/list.html?tagId=110"><i></i>ml代写</a> </li> <li> <a href="/list.html?tagId=111"><i></i>水利工程基础代写</a> </li> <li> <a href="/list.html?tagId=113"><i></i>经济管理代写</a> </li> <li> <a href="/list.html?tagId=114"><i></i>Rmarkdown代写</a> </li> <li> <a href="/list.html?tagId=115"><i></i>电路代写</a> </li> <li> <a href="/list.html?tagId=116"><i></i>质量管理画图代写</a> </li> <li> <a href="/list.html?tagId=117"><i></i>sas代写</a> </li> <li> <a href="/list.html?tagId=118"><i></i>金融数学代写</a> </li> <li> <a href="/list.html?tagId=119"><i></i>processing代写</a> </li> <li> <a href="/list.html?tagId=120"><i></i>预测分析代写</a> </li> <li> <a href="/list.html?tagId=121"><i></i>机械力学代写</a> </li> <li> <a href="/list.html?tagId=122"><i></i>vhdl代写</a> </li> <li> <a href="/list.html?tagId=123"><i></i>solidworks代写</a> </li> <li> <a href="/list.html?tagId=124"><i></i>不涉及代写</a> </li> <li> <a href="/list.html?tagId=125"><i></i>计算分析代写</a> </li> <li> <a href="/list.html?tagId=126"><i></i>Netlogo代写</a> </li> <li> <a href="/list.html?tagId=127"><i></i>openbugs代写</a> </li> <li> <a href="/list.html?tagId=128"><i></i>土木代写</a> </li> <li> <a href="/list.html?tagId=129"><i></i>国际金融专题代写</a> </li> <li> <a href="/list.html?tagId=130"><i></i>离散数学代写</a> </li> <li> <a href="/list.html?tagId=131"><i></i>openssl代写</a> </li> <li> <a href="/list.html?tagId=132"><i></i>化学材料代写</a> </li> <li> <a href="/list.html?tagId=133"><i></i>eview代写</a> </li> <li> <a href="/list.html?tagId=134"><i></i>nlp代写</a> </li> <li> <a href="/list.html?tagId=135"><i></i>Assembly language代写</a> </li> <li> <a href="/list.html?tagId=136"><i></i>gproms代写</a> </li> <li> <a href="/list.html?tagId=137"><i></i>studio代写</a> </li> <li> <a href="/list.html?tagId=138"><i></i>robot analyse代写</a> </li> <li> <a href="/list.html?tagId=139"><i></i>pytorch代写</a> </li> <li> <a href="/list.html?tagId=140"><i></i>证明题代写</a> </li> <li> <a href="/list.html?tagId=141"><i></i>latex代写</a> </li> <li> <a href="/list.html?tagId=142"><i></i>coq代写</a> </li> <li> <a href="/list.html?tagId=143"><i></i>市场营销论文代写</a> </li> <li> <a href="/list.html?tagId=144"><i></i>人力资论文代写</a> </li> <li> <a href="/list.html?tagId=145"><i></i>weka代写</a> </li> <li> <a href="/list.html?tagId=146"><i></i>英文代写</a> </li> <li> <a href="/list.html?tagId=147"><i></i>Minitab代写</a> </li> <li> <a href="/list.html?tagId=148"><i></i>航空代写</a> </li> <li> <a href="/list.html?tagId=149"><i></i>webots代写</a> </li> <li> <a href="/list.html?tagId=150"><i></i>Advanced Management Accounting代写</a> </li> <li> <a href="/list.html?tagId=151"><i></i>Lunix代写</a> </li> <li> <a href="/list.html?tagId=152"><i></i>云基础代写</a> </li> <li> <a href="/list.html?tagId=153"><i></i>有限状态过程代写</a> </li> <li> <a href="/list.html?tagId=154"><i></i>aws代写</a> </li> <li> <a href="/list.html?tagId=155"><i></i>AI代写</a> </li> <li> <a href="/list.html?tagId=156"><i></i>图灵机代写</a> </li> <li> <a href="/list.html?tagId=157"><i></i>Sociology代写</a> </li> <li> <a href="/list.html?tagId=158"><i></i>分析代写</a> </li> <li> <a href="/list.html?tagId=159"><i></i>经济开发代写</a> </li> <li> <a href="/list.html?tagId=160"><i></i>Data代写</a> </li> <li> <a href="/list.html?tagId=161"><i></i>jupyter代写</a> </li> <li> <a href="/list.html?tagId=162"><i></i>通信考试代写</a> </li> <li> <a href="/list.html?tagId=163"><i></i>网络安全代写</a> </li> <li> <a href="/list.html?tagId=164"><i></i>固体力学代写</a> </li> <li> <a href="/list.html?tagId=165"><i></i>spss代写</a> </li> <li> <a href="/list.html?tagId=166"><i></i>无编程代写</a> </li> <li> <a href="/list.html?tagId=167"><i></i>react代写</a> </li> <li> <a href="/list.html?tagId=168"><i></i>Ocaml代写</a> </li> <li> <a href="/list.html?tagId=169"><i></i>期货期权代写</a> </li> <li> <a href="/list.html?tagId=170"><i></i>Scheme代写</a> </li> <li> <a href="/list.html?tagId=171"><i></i>数学统计代写</a> </li> <li> <a href="/list.html?tagId=172"><i></i>信息安全代写</a> </li> <li> <a href="/list.html?tagId=173"><i></i>Bloomberg代写</a> </li> <li> <a href="/list.html?tagId=174"><i></i>残疾与创新设计代写</a> </li> <li> <a href="/list.html?tagId=175"><i></i>历史代写</a> </li> <li> <a href="/list.html?tagId=176"><i></i>理论题代写</a> </li> <li> <a href="/list.html?tagId=177"><i></i>cpu代写</a> </li> <li> <a href="/list.html?tagId=178"><i></i>计量代写</a> </li> <li> <a href="/list.html?tagId=179"><i></i>Xpress-IVE代写</a> </li> <li> <a href="/list.html?tagId=180"><i></i>微积分代写</a> </li> <li> <a href="/list.html?tagId=181"><i></i>材料学代写</a> </li> <li> <a href="/list.html?tagId=182"><i></i>代写</a> </li> <li> <a href="/list.html?tagId=183"><i></i>会计信息系统代写</a> </li> <li> <a href="/list.html?tagId=184"><i></i>凸优化代写</a> </li> <li> <a href="/list.html?tagId=185"><i></i>投资代写</a> </li> <li> <a href="/list.html?tagId=186"><i></i>F#代写</a> </li> <li> <a href="/list.html?tagId=187"><i></i>C#代写</a> </li> <li> <a href="/list.html?tagId=190"><i></i>arm代写</a> </li> <li> <a href="/list.html?tagId=191"><i></i>伪代码代写</a> </li> <li> <a href="/list.html?tagId=192"><i></i>白话代写</a> </li> <li> <a href="/list.html?tagId=193"><i></i>IC集成电路代写</a> </li> <li> <a href="/list.html?tagId=194"><i></i>reasoning代写</a> </li> <li> <a href="/list.html?tagId=195"><i></i>agents代写</a> </li> <li> <a href="/list.html?tagId=196"><i></i>精算代写</a> </li> <li> <a href="/list.html?tagId=197"><i></i>opencl代写</a> </li> <li> <a href="/list.html?tagId=198"><i></i>Perl代写</a> </li> <li> <a href="/list.html?tagId=199"><i></i>图像处理代写</a> </li> <li> <a href="/list.html?tagId=200"><i></i>工程电磁场代写</a> </li> <li> <a href="/list.html?tagId=201"><i></i>时间序列代写</a> </li> <li> <a href="/list.html?tagId=202"><i></i>数据结构算法代写</a> </li> <li> <a href="/list.html?tagId=203"><i></i>网络基础代写</a> </li> <li> <a href="/list.html?tagId=204"><i></i>画图代写</a> </li> <li> <a href="/list.html?tagId=205"><i></i>Marie代写</a> </li> <li> <a href="/list.html?tagId=206"><i></i>ASP代写</a> </li> <li> <a href="/list.html?tagId=207"><i></i>EViews代写</a> </li> <li> <a href="/list.html?tagId=208"><i></i>Interval Temporal Logic代写</a> </li> <li> <a href="/list.html?tagId=209"><i></i>ccgarch代写</a> </li> <li> <a href="/list.html?tagId=210"><i></i>rmgarch代写</a> </li> <li> <a href="/list.html?tagId=211"><i></i>jmp代写</a> </li> <li> <a href="/list.html?tagId=212"><i></i>选择填空代写</a> </li> <li> <a href="/list.html?tagId=213"><i></i>mathematics代写</a> </li> <li> <a href="/list.html?tagId=214"><i></i>winbugs代写</a> </li> <li> <a href="/list.html?tagId=215"><i></i>maya代写</a> </li> <li> <a href="/list.html?tagId=216"><i></i>Directx代写</a> </li> <li> <a href="/list.html?tagId=217"><i></i>PPT代写</a> </li> <li> <a href="/list.html?tagId=218"><i></i>可视化代写</a> </li> <li> <a href="/list.html?tagId=219"><i></i>工程材料代写</a> </li> <li> <a href="/list.html?tagId=220"><i></i>环境代写</a> </li> <li> <a href="/list.html?tagId=221"><i></i>abaqus代写</a> </li> <li> <a href="/list.html?tagId=222"><i></i>投资组合代写</a> </li> <li> <a href="/list.html?tagId=223"><i></i>选择题代写</a> </li> <li> <a href="/list.html?tagId=224"><i></i>openmp.c代写</a> </li> <li> <a href="/list.html?tagId=225"><i></i>cuda.cu代写</a> </li> <li> <a href="/list.html?tagId=226"><i></i>传感器基础代写</a> </li> <li> <a href="/list.html?tagId=227"><i></i>区块链比特币代写</a> </li> <li> <a href="/list.html?tagId=228"><i></i>土壤固结代写</a> </li> <li> <a href="/list.html?tagId=229"><i></i>电气代写</a> </li> <li> <a href="/list.html?tagId=230"><i></i>电子设计代写</a> </li> <li> <a href="/list.html?tagId=231"><i></i>主观题代写</a> </li> <li> <a href="/list.html?tagId=232"><i></i>金融微积代写</a> </li> <li> <a href="/list.html?tagId=233"><i></i>ajax代写</a> </li> <li> <a href="/list.html?tagId=234"><i></i>Risk theory代写</a> </li> <li> <a href="/list.html?tagId=235"><i></i>tcp代写</a> </li> <li> <a href="/list.html?tagId=236"><i></i>tableau代写</a> </li> <li> <a href="/list.html?tagId=237"><i></i>mylab代写</a> </li> <li> <a href="/list.html?tagId=238"><i></i>research paper代写</a> </li> <li> <a href="/list.html?tagId=239"><i></i>手写代写</a> </li> <li> <a href="/list.html?tagId=240"><i></i>管理代写</a> </li> <li> <a href="/list.html?tagId=241"><i></i>paper代写</a> </li> <li> <a href="/list.html?tagId=242"><i></i>毕设代写</a> </li> <li> <a href="/list.html?tagId=243"><i></i>衍生品代写</a> </li> <li> <a href="/list.html?tagId=244"><i></i>学术论文代写</a> </li> <li> <a href="/list.html?tagId=245"><i></i>计算画图代写</a> </li> <li> <a href="/list.html?tagId=246"><i></i>SPIM汇编代写</a> </li> <li> <a href="/list.html?tagId=247"><i></i>演讲稿代写</a> </li> <li> <a href="/list.html?tagId=248"><i></i>金融实证代写</a> </li> <li> <a href="/list.html?tagId=249"><i></i>环境化学代写</a> </li> <li> <a href="/list.html?tagId=250"><i></i>通信代写</a> </li> <li> <a href="/list.html?tagId=251"><i></i>股权市场代写</a> </li> <li> <a href="/list.html?tagId=252"><i></i>计算机逻辑代写</a> </li> <li> <a href="/list.html?tagId=253"><i></i>Microsoft Visio代写</a> </li> <li> <a href="/list.html?tagId=254"><i></i>业务流程管理代写</a> </li> <li> <a href="/list.html?tagId=255"><i></i>Spark代写</a> </li> <li> <a href="/list.html?tagId=256"><i></i>USYD代写</a> </li> <li> <a href="/list.html?tagId=257"><i></i>数值分析代写</a> </li> <li> <a href="/list.html?tagId=258"><i></i>有限元代写</a> </li> <li> <a href="/list.html?tagId=259"><i></i>抽代代写</a> </li> <li> <a href="/list.html?tagId=260"><i></i>不限定代写</a> </li> <li> <a href="/list.html?tagId=261"><i></i>IOS代写</a> </li> <li> <a href="/list.html?tagId=262"><i></i>scikit-learn代写</a> </li> <li> <a href="/list.html?tagId=263"><i></i>ts angular代写</a> </li> <li> <a href="/list.html?tagId=264"><i></i>sml代写</a> </li> <li> <a href="/list.html?tagId=265"><i></i>管理决策分析代写</a> </li> <li> <a href="/list.html?tagId=266"><i></i>vba代写</a> </li> <li> <a href="/list.html?tagId=267"><i></i>墨大代写</a> </li> <li> <a href="/list.html?tagId=268"><i></i>erlang代写</a> </li> <li> <a href="/list.html?tagId=269"><i></i>Azure代写</a> </li> <li> <a href="/list.html?tagId=270"><i></i>粒子物理代写</a> </li> <li> <a href="/list.html?tagId=271"><i></i>编译器代写</a> </li> <li> <a href="/list.html?tagId=272"><i></i>socket代写</a> </li> <li> <a href="/list.html?tagId=273"><i></i>商业分析代写</a> </li> <li> <a href="/list.html?tagId=274"><i></i>财务报表分析代写</a> </li> <li> <a href="/list.html?tagId=275"><i></i>Machine Learning代写</a> </li> <li> <a href="/list.html?tagId=276"><i></i>国际贸易代写</a> </li> <li> <a href="/list.html?tagId=278"><i></i>code代写</a> </li> <li> <a href="/list.html?tagId=279"><i></i>流体力学代写</a> </li> <li> <a href="/list.html?tagId=280"><i></i>辅导代写</a> </li> <li> <a href="/list.html?tagId=281"><i></i>设计代写</a> </li> <li> <a href="/list.html?tagId=282"><i></i>marketing代写</a> </li> <li> <a href="/list.html?tagId=283"><i></i>web代写</a> </li> <li> <a href="/list.html?tagId=284"><i></i>计算机代写</a> </li> <li> <a href="/list.html?tagId=285"><i></i>verilog代写</a> </li> <li> <a href="/list.html?tagId=286"><i></i>心理学代写</a> </li> <li> <a href="/list.html?tagId=287"><i></i>线性回归代写</a> </li> <li> <a href="/list.html?tagId=288"><i></i>高级数据分析代写</a> </li> <li> <a href="/list.html?tagId=289"><i></i>clingo代写</a> </li> <li> <a href="/list.html?tagId=290"><i></i>Mplab代写</a> </li> <li> <a href="/list.html?tagId=291"><i></i>coventorware代写</a> </li> <li> <a href="/list.html?tagId=293"><i></i>creo代写</a> </li> <li> <a href="/list.html?tagId=294"><i></i>nosql代写</a> </li> <li> <a href="/list.html?tagId=295"><i></i>供应链代写</a> </li> <li> <a href="/list.html?tagId=296"><i></i>uml代写</a> </li> <li> <a href="/list.html?tagId=297"><i></i>数字业务技术代写</a> </li> <li> <a href="/list.html?tagId=298"><i></i>数字业务管理代写</a> </li> <li> <a href="/list.html?tagId=299"><i></i>结构分析代写</a> </li> <li> <a href="/list.html?tagId=300"><i></i>tf-idf代写</a> </li> <li> <a href="/list.html?tagId=301"><i></i>地理代写</a> </li> <li> <a href="/list.html?tagId=302"><i></i>financial modeling代写</a> </li> <li> <a href="/list.html?tagId=303"><i></i>quantlib代写</a> </li> <li> <a href="/list.html?tagId=304"><i></i>电力电子元件代写</a> </li> <li> <a href="/list.html?tagId=305"><i></i>atenda 2D代写</a> </li> <li> <a href="/list.html?tagId=306"><i></i>宏观代写</a> </li> <li> <a href="/list.html?tagId=307"><i></i>媒体代写</a> </li> <li> <a href="/list.html?tagId=308"><i></i>政治代写</a> </li> <li> <a href="/list.html?tagId=309"><i></i>化学代写</a> </li> <li> <a href="/list.html?tagId=310"><i></i>随机过程代写</a> </li> <li> <a href="/list.html?tagId=311"><i></i>self attension算法代写</a> </li> <li> <a href="/list.html?tagId=312"><i></i>arm assembly代写</a> </li> <li> <a href="/list.html?tagId=313"><i></i>wireshark代写</a> </li> <li> <a href="/list.html?tagId=314"><i></i>openCV代写</a> </li> <li> <a href="/list.html?tagId=315"><i></i>Uncertainty Quantificatio代写</a> </li> <li> <a href="/list.html?tagId=316"><i></i>prolong代写</a> </li> <li> <a href="/list.html?tagId=318"><i></i>IPYthon代写</a> </li> <li> <a href="/list.html?tagId=319"><i></i>Digital system design 代写</a> </li> <li> <a href="/list.html?tagId=320"><i></i>julia代写</a> </li> <li> <a href="/list.html?tagId=322"><i></i>Advanced Geotechnical Engineering代写</a> </li> <li> <a href="/list.html?tagId=323"><i></i>回答问题代写</a> </li> <li> <a href="/list.html?tagId=324"><i></i>junit代写</a> </li> <li> <a href="/list.html?tagId=325"><i></i>solidty代写</a> </li> <li> <a href="/list.html?tagId=326"><i></i>maple代写</a> </li> <li> <a href="/list.html?tagId=327"><i></i>光电技术代写</a> </li> <li> <a href="/list.html?tagId=328"><i></i>网页代写</a> </li> <li> <a href="/list.html?tagId=329"><i></i>网络分析代写</a> </li> <li> <a href="/list.html?tagId=330"><i></i>ENVI代写</a> </li> <li> <a href="/list.html?tagId=331"><i></i>gimp代写</a> </li> <li> <a href="/list.html?tagId=332"><i></i>sfml代写</a> </li> <li> <a href="/list.html?tagId=333"><i></i>社会学代写</a> </li> <li> <a href="/list.html?tagId=334"><i></i>simulationX solidwork代写</a> </li> <li> <a href="/list.html?tagId=335"><i></i>unity 3D代写</a> </li> <li> <a href="/list.html?tagId=336"><i></i>ansys代写</a> </li> <li> <a href="/list.html?tagId=337"><i></i>react native代写</a> </li> <li> <a href="/list.html?tagId=338"><i></i>Alloy代写</a> </li> <li> <a href="/list.html?tagId=339"><i></i>Applied Matrix代写</a> </li> <li> <a href="/list.html?tagId=340"><i></i>JMP PRO代写</a> </li> <li> <a href="/list.html?tagId=341"><i></i>微观代写</a> </li> <li> <a href="/list.html?tagId=342"><i></i>人类健康代写</a> </li> <li> <a href="/list.html?tagId=343"><i></i>市场代写</a> </li> <li> <a href="/list.html?tagId=344"><i></i>proposal代写</a> </li> <li> <a href="/list.html?tagId=345"><i></i>软件代写</a> </li> <li> <a href="/list.html?tagId=346"><i></i>信息检索代写</a> </li> <li> <a href="/list.html?tagId=347"><i></i>商法代写</a> </li> <li> <a href="/list.html?tagId=348"><i></i>信号代写</a> </li> <li> <a href="/list.html?tagId=349"><i></i>pycharm代写</a> </li> <li> <a href="/list.html?tagId=350"><i></i>金融风险管理代写</a> </li> <li> <a href="/list.html?tagId=351"><i></i>数据可视化代写</a> </li> <li> <a href="/list.html?tagId=352"><i></i>fashion代写</a> </li> <li> <a href="/list.html?tagId=353"><i></i>加拿大代写</a> </li> <li> <a href="/list.html?tagId=354"><i></i>经济学代写</a> </li> <li> <a href="/list.html?tagId=355"><i></i>Behavioural Finance代写</a> </li> <li> <a href="/list.html?tagId=356"><i></i>cytoscape代写</a> </li> <li> <a href="/list.html?tagId=357"><i></i>推荐代写</a> </li> <li> <a href="/list.html?tagId=358"><i></i>金融经济代写</a> </li> <li> <a href="/list.html?tagId=359"><i></i>optimization代写</a> </li> <li> <a href="/list.html?tagId=360"><i></i>alteryxy代写</a> </li> <li> <a href="/list.html?tagId=361"><i></i>tabluea代写</a> </li> <li> <a href="/list.html?tagId=362"><i></i>sas viya代写</a> </li> <li> <a href="/list.html?tagId=363"><i></i>ads代写</a> </li> <li> <a href="/list.html?tagId=364"><i></i>实时系统代写</a> </li> <li> <a href="/list.html?tagId=365"><i></i>药剂学代写</a> </li> <li> <a href="/list.html?tagId=366"><i></i>os代写</a> </li> <li> <a href="/list.html?tagId=367"><i></i>Mathematica代写</a> </li> <li> <a href="/list.html?tagId=368"><i></i>Xcode代写</a> </li> <li> <a href="/list.html?tagId=369"><i></i>Swift代写</a> </li> <li> <a href="/list.html?tagId=370"><i></i>rattle代写</a> </li> <li> <a href="/list.html?tagId=371"><i></i>人工智能代写</a> </li> <li> <a href="/list.html?tagId=372"><i></i>流体代写</a> </li> <li> <a href="/list.html?tagId=373"><i></i>结构力学代写</a> </li> <li> <a href="/list.html?tagId=374"><i></i>Communications代写</a> </li> <li> <a href="/list.html?tagId=375"><i></i>动物学代写</a> </li> <li> <a href="/list.html?tagId=376"><i></i>问答代写</a> </li> <li> <a href="/list.html?tagId=377"><i></i>MiKTEX代写</a> </li> <li> <a href="/list.html?tagId=378"><i></i>图论代写</a> </li> <li> <a href="/list.html?tagId=379"><i></i>数据科学代写</a> </li> <li> <a href="/list.html?tagId=380"><i></i>计算机安全代写</a> </li> <li> <a href="/list.html?tagId=381"><i></i>日本历史代写</a> </li> <li> <a href="/list.html?tagId=382"><i></i>gis代写</a> </li> <li> <a href="/list.html?tagId=383"><i></i>rs代写</a> </li> <li> <a href="/list.html?tagId=384"><i></i>语言代写</a> </li> <li> <a href="/list.html?tagId=385"><i></i>电学代写</a> </li> <li> <a href="/list.html?tagId=386"><i></i>flutter代写</a> </li> <li> <a href="/list.html?tagId=387"><i></i>drat代写</a> </li> <li> <a href="/list.html?tagId=388"><i></i>澳洲代写</a> </li> <li> <a href="/list.html?tagId=389"><i></i>医药代写</a> </li> <li> <a href="/list.html?tagId=390"><i></i>ox代写</a> </li> <li> <a href="/list.html?tagId=391"><i></i>营销代写</a> </li> <li> <a href="/list.html?tagId=392"><i></i>pddl代写</a> </li> <li> <a href="/list.html?tagId=393"><i></i>工程项目代写</a> </li> <li> <a href="/list.html?tagId=394"><i></i>archi代写</a> </li> <li> <a href="/list.html?tagId=395"><i></i>Propositional Logic代写</a> </li> <li> <a href="/list.html?tagId=396"><i></i>国际财务管理代写</a> </li> <li> <a href="/list.html?tagId=397"><i></i>高宏代写</a> </li> <li> <a href="/list.html?tagId=398"><i></i>模型代写</a> </li> <li> <a href="/list.html?tagId=399"><i></i>润色代写</a> </li> <li> <a href="/list.html?tagId=400"><i></i>营养学论文代写</a> </li> <li> <a href="/list.html?tagId=401"><i></i>热力学代写</a> </li> <li> <a href="/list.html?tagId=402"><i></i>Acct代写</a> </li> <li> <a href="/list.html?tagId=403"><i></i>Data Synthesis代写</a> </li> <li> <a href="/list.html?tagId=404"><i></i>翻译代写</a> </li> <li> <a href="/list.html?tagId=405"><i></i>公司法代写</a> </li> <li> <a href="/list.html?tagId=406"><i></i>管理学代写</a> </li> <li> <a href="/list.html?tagId=407"><i></i>建筑学代写</a> </li> <li> <a href="/list.html?tagId=408"><i></i>生理课程代写</a> </li> <li> <a href="/list.html?tagId=409"><i></i>动画代写</a> </li> <li> <a href="/list.html?tagId=410"><i></i>高数代写</a> </li> </ul> </div> </div> <div class="first-footer"> <div class="footer-nav item-nav contact-bottom"> <div class="title">联系我们</div> </div> <div class="footer-content first-page-content"> <div class="footer-left"> <div class="contact"> <span class="footer-text email">xuebaunion@vip.163.com</span> </div> <div class="footer-text address"> 3551 Trousdale Rkwy, University Park, Los Angeles, CA </div> <div class="footer-text">留学生论文指导和课程辅导</div> <div class="footer-text">论文代写:<a target="_blank" href="https://www.lunwen-daixie.com">https://www.lunwen-daixie.com</a> </div> <div class="footer-text">课程辅导:<a target="_blank" rel="nofollow" href="https://www.vipeasydue.com">https://www.vipeasydue.com</a> </div> <div class="footer-text">无忧GPA:<a target="_blank" rel="nofollow" href="https://www.essaygpa.com">https://www.essaygpa.com</a></div> <div class="footer-text">工作时间:全年无休-早上8点到凌晨3点</div> </div> <div class="footer-right"> <div class="footer-code"> <div class="code"> <img src="../images/first/ewm1.jpg" alt="essay、essay代写" /> </div> <div class="code-text">扫码添加客服微信</div> </div> <div class="footer-code"> <div class="code"> <img src="../images/first/ewm2.jpg" alt="essay、essay代写" /> </div> <div class="code-text">扫描添加客服微信</div> </div> </div> </div> </div> <div class="ewm"> <div class="list"> <img src="../images/ewm_0.png" alt="essay、essay代写" /> </div> <div class="list"> <img src="../images/ewm_1.png" alt="essay、essay代写" /> </div> </div> </div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <!-- <script language="javascript" src="https://lut.zoosnet.net/JS/LsJS.aspx?siteid=LUT43752539&float=1&lng=cn"></script> --> </body> </html>