|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/web-development-project-based-learning/
课程评论：没有评论
课程名称：网页开发：基于项目的学习 概述：本课程旨在帮助您理解网页应用程序设计的艺术，主要使用HTML、Bootstrap和JavaScript技术。作为一个项目驱动的课程，您将在这个过程中从零开始设计五个实用项目。课程深入讲解了开发人员用于构建现代网页应用程序的各类技术。您将探索如何处理API、DOM操作、使用Google图表、理解Bootstrap框架及其实际应用、在GitHub上托管网页项目等。所有在课程中设计的代码都将提供给您，以便您随时回顾。课程通过实践方法教授网络开发技能。 项目内容： 1. **计算器**：您将学习如何使用JavaScript进行加法、减法、乘法和除法操作，并掌握DOM操作。所有组件将使用Bootstrap框架进行样式设计，以确保响应式设计。此外，您还将学习如何将该项目托管在GitHub上，获得一个可以与他人分享的专用URL，从而掌握使用GitHub的基本技能。 2. **计时器**：您将学习如何设计一个可在任何浏览器上使用的计时器，采用JavaScript实现。其中包括setInterval()和clearInterval()等函数的应用，以及如何控制按钮的启用和禁用，以控制网页组件的功能。 3. **待办事项列表**：您将有机会设计自己的待办事项列表，具备添加、编辑和删除待办事项的功能。在这个项目中，您将学习如何使用JavaScript将子节点附加到父元素，并根据用户与网页应用的交互动态渲染组件。 4. **气象站**：在这个项目中，您将与OpenWeatherMap API合作，获取任何城市的实时天气数据。您将处理JSON数据，并深入理解API的使用，学会如何提取温度和天气图标等所需数据，以便在用户请求时呈现。 5. **特斯拉股票市场仪表板**：您将使用Alpha Vantage的股票市场API，获取免费的日内股票数据趋势。以特斯拉股票为例，设计一个使用Bootstrap和JavaScript的仪表板，并运用深色主题，了解如何高效且轻松地设计一个美观的深色主题仪表板。您还将使用Google图表展示随时间变化的股票交易量趋势。 本课程为您提供了全面的网页开发实践经验，适合希望通过项目学习来提升网页开发技能的学生。
This course will help you understand the art of designing Web applications by making use of HTML, Bootstrap and JavaScript technologies. This is a project based course and in this journey you will design five utility based projects completely from scratch. This course provides you an in depth knowledge of working with various useful technologies that developers use for building modern day web applications. You will get to explore working with APIs, DOM manipulation, working with google charts, understanding bootstrap framework and its practical use, Hosting a web project on GitHub and much more. All the codes that have been designed in the course will be provided to you so that you can revisit them whenever needed. The course attempts to teach you web development skills with hands-on approach. The following projects will be designed in this course:1. Calculator: Here you will learn how to perform Addition, Subtraction, Multiplication and Division operation by making use of JavaScript and you will also learn about DOM manipulation. All the components will be styled using bootstrap framework so that you get a responsive design. Further you will get a chance to learn how this project can be hosted on GitHub so that you get a dedicated URL on GitHub for your project that you can share with other people. This will teach you some basic and necessary skills to get started with GitHub which is one of the most widely used services for managing Git Repositories. 2. Stop Watch: Here you will learn the art of designing a ready to use stop watch which works on any browser by making use of JavaScript. You will work with functions like setInterval( ) and clearInterval( ) and understand their use case from practical view point. You will also learn how to disable a button and enable it so that whenever needed you can control the functionality of the web components using JS.3. Todo List: Here you will get a chance to design your own Todo list that has the features of adding, editing and deleting a Todo. In this you will learn how to append a child node to a parent element using JavaScript and how to render the components dynamically on the browser basis user interaction with the Web App. 4. Weather Station: In this project you will work with OpenWeatherMap API to fetch the live weather data of any city in the world. You will get to work with JSON data and in the journey you will understand the API in depth and how to fetch the desired data for temperature and weather condition icon so that the same can be rendered on the screen whenever user make a request to fetch the data using the API. You will learn how fetch( ) works in JS, using API keys and most important part is the JSON handling in JS. 5. Tesla Stock Market Dashboard: In this project you will get to work with the stock market API from Alpha Vantage which is free to use and can give intra day share data trends. We will work with Tesla share as a test case and will design a dashboard using bootstrap and JS and this time we will work with the dark theme so that you get to know how efficient and easy it is to design a beautiful dark theme based dashboard. You will also work with google charts to show the trends of share volume traded with time.
