|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/projects-in-javascript-jquery/
课程评论：没有评论
课程名称：JavaScript与jQuery项目 课程概述：JavaScript是世界上最流行的编程语言，广泛应用于几乎所有的网络项目，而jQuery也在推出的几年内迅速获得了极大的普及。掌握这两项技术是每个Web开发者的必备技能。为了帮助您以实用的方式掌握这些技术，我们创建了这个精英课程，您将用这些技术来创建实际项目，并学习它们在现实世界中的应用细微差别。 课程项目： 1. **简单JavaScript测验** 描述：创建一个单页的多项选择JavaScript测验，涵盖HTML5、CSS、JavaScript的一些基础知识。 技术要点：HTML5、CSS3、JavaScript、变量与数组、循环、响应式设计 2. **jQuery内容滑块** 描述：构建一个简单的应用程序，允许用户通过“下一步”和“上一步”按钮在幻灯片之间切换。 技术要点：HTML5、CSS3、JavaScript、列表、jQuery选择器、fadeIn()和fadeOut()动画方法 3. **YouTube搜索引擎** 描述：利用YouTube数据API构建一个视频搜索引擎，使用' FancyBox'实现视频在本站点上开窗显示。 技术要点：HTML5、CSS3、JavaScript、YouTube数据API、jQuery $.get()请求 4. **FAQ手风琴滑块** 描述：构建一个内容手风琴，适合用作FAQ部分。 技术要点：HTML5、CSS3、JavaScript、jQuery、列表、jQuery滑动方法 5. **Ajax PHP聊天框** 描述：构建一个聊天模块，使用MySQL数据库和PHP进行后端连接。 技术要点：HTML5、CSS3、JavaScript、jQuery、AJAX、PHP、MySQL 6. **苹果风格缩略图滑块** 描述：构建一个类似苹果网站的图像滑块，具有缩略图导航和自动滚动的功能。 技术要点：HTML5、CSS3、JavaScript、jQuery、自定义animate()方法 7. **创建jQuery插件** 描述：创建一个简单的jQuery插件，并将其上传到jQuery.com插件注册处。 技术要点：HTML5、CSS3、JavaScript、jQuery、Git、GitHub 8. **jQuery作品集画廊** 描述：构建一个图像画廊，具有分类、灯箱效果和覆盖效果等功能。 技术要点：HTML5、CSS3、JavaScript、jQuery、Lightbox2插件 9. **jQuery移动应用** 描述：构建第一个移动应用，使用HTML5和jQuery移动框架，开发一个里程追踪应用。 技术要点：HTML5、CSS3、JavaScript、jQuery、jQuery Mobile、localStorage API 10. **井字棋** 描述：开发一个简单的井字棋游戏，实现基本的游戏规则和条件逻辑。 技术要点：HTML5、CSS3、jQuery、JavaScript、条件语句 通过这一系列项目，您将深入理解JavaScript和jQuery的实际应用，为您的Web开发技能打下坚实的基础。
JavaScript is the world's most popular language and is widely used in almost all web projects. JQuery has also become hugely popular within few years of its launch. These two technologies are must for any web developer and in order to help you master them in a practical manner we have created this elite course where you will use these technologies to create actual projects and will learn the nuances of their usage in real world. The following projects have been selected for this course CH1: Simple JavaScript Quiz Description: We will start with a fairly simple project of a one page, multiple choice JavaScript quiz. In this projct we will look at some of the essentials when it comes to HTML5, CSS and JavaScript. We will look at event handlers, variables and even 'for loops' and arrays Features/Technologies: HTML5, CSS3, JavaScript, Variables & Arrays, Loops, Responsive Design CH2: jQuery Content Slider Description: jQuery is well known for thigs like image gallerys, sliders, scrollers, etc. We will be building a very clean application which will allow us to click a 'next' button to fade in the next slide and a 'prev' button to go in the reverse direction. We will use the fadeIn() and fadeOut() animation methods to do this Features/Technologies: HTML5, CSS3, JavaScript, Lists, jQuery selectors, methods like addClass() and removeClass() and animation methods like fadeIn() and fadeOut() CH3: YouTube Search Engine Description: In this project we will use the YouTube Data API v3 to build a video search engine. We will use the 'search. list' method to do this. We will also implement 'FancyBox', which is a lightbox script. This will allow use to have the video open on our site instead of being redirected to YouTube. Features/Technologies: HTML5, CSS3, JavaScript, Youtube Data API v3, jQuery $.get() request, inserting HTML via html() method CH4: FAQ Accordian Slider Description: We will build a content accordion. This is great for an FAQ section but ofcourse could be used in many different contexts. We will use the slideToggle() method and some others Features/Technologies: HTML5, CSS3, JavaScript, jQuery, Lists, jQuery Selectors, jQuery slide methods CH5: Ajax PHP Shoutbox This project will implement many technologies to build a shoutbox/chat module. We will build a backend MySQL database and connect via PHP. We will then make a request to another.php file which will insert the data into the correct tables Features/Technologies: HTML5, CSS3, JavaScript, jQuery, AJAX, PHP, MySQL, PHPMyAdmin CH6: Apple Style Thumbslider In this project we will build an image slider much like ones you see on Apple's website and apps. It will use thumbnail banivation as well as autoscroll Features/Technologies: HTML5, CSS3, JavaScript, jQuery, Custom animate() method CH7: Create a jQuery Plugin In this chapter we will actually create a simple jQuery plugin, get it ready and then upload it to the jQuery. com plugin registry. We will also look at using Git and Github. com Features/Technologies: HTML5, CSS3, JavaScript, jQuery, jQuery plugin conventions, Git, Github, Command line utility CH8: jQuery Portfolio Gallery We will build an image gallery with a few features such as categorization, lightbox effect and overlay effect Features/Technologies: HTML5, CSS3, JavaScript, jQuery, Lightbox2 Plugin CH9: jQuery Mobile App This will be our first mobile based app. We will use HTML5 and jQuery Mobile framework. You will learn how to build multi-page templates with jQuery Mobile. We will be building a miletracker app which will allow you to enter run or jog mileage and the date along with the ability to update and delete. localStorage will be used for storing data Features/Technologies: HTML5, CSS3, JavaScript, jQuery, jQuery Mobile, localStorage api CH10: Tic Tac Toe This will be a nice and simple application. It is a very basic tic tac toe game. It will implement a few rules and conditionals for things like not being able to click in the same square twice. Features/Technologies: HTML5, CSS3, jQuery, JavaScript, Conditionals
