|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/smooth-scrolling-with-javascript/
课程评论:没有评论
课程名称:使用JavaScript构建现代响应式网站 课程概述: 本课程旨在教授如何构建平滑滚动的单页应用网站(SPA)。SPA 网站将所有内容置于一页,用户只需在特定时间查看其中一部分内容,这样用户在点击链接时,无需加载完整的新页面,而是能够平滑地看到期望内容的展现。对于希望减少等待时间并保持设计一致性的用户而言,这种方式尤为便利。 在此视频课程中,您将学习如何实现网站的平滑滚动功能。课程先从HTML5基础开始,教授如何搭建网站。接着,您将学习如何使用JavaScript编写页面预加载器以及平滑滚动功能的代码。此外,课程还会指导您如何创建和美化内部页面,包括示范个人资料内容和联系表单,然后通过JavaScript开发适合移动设备的导航菜单。 本课程适合希望在个人作品集中实现这种网站功能、改善现有网页,或创建现代产品/服务落地页的学员。欢迎加入我们,一起开始创建您定制的平滑滚动网站吧!课程中JavaScript代码已更新至ES6版本。
The idea behind the smooth scrolling websites of type SPA (single page application) is that all the website content is placed on one page, while only a portion of it is being displayed to the user attention at a given time. This allows when user clicks on a link, instead of loading a whole new page to see the expected content smoothly sliding in. This is especially useful for people who don't want to wait for too long, and are satisfied with having consistent visual design.This video course will teach you how you can implement smooth scrolling into your website. You will learn how to use HTML5 in order to set up a website. Then with the help of JavaScript, you will learn how to code a fade-in and out page pre-loader and smooth scrolling functionality.Next, you will learn how to create and style inner pages: sample profile content and contact form before developing a mobile-friendly navigation menu again with the help of JavaScript.The course is suitable for you if you would like to implement such website functionality in your portfolio, to improve an existing web page or create a modern product/service landing page. So, be welcome and let's start creating your custom smooth scrolling website!update: updated the JavaScript code to ES6.