[Hot recommendation] 10 basic JavaScript development projects that must be recommended

Pay attention to the official account of the old K play code , reply to "Python introductory book" to get free Python introductory textbook ;

  • javascript was once considered by academia to be the most likely language to dominate the world. Although its popularity has recently been overshadowed by python, it still does not affect its popularity.
  • All webpages you browse now are basically implemented by javascript.
  • Although javascript is called java, it has nothing to do with java. In modern terms, javascript was touching porcelain at that time.
  • There are also many interesting projects for learning javascript. Here K has compiled 10 excellent free projects for you. Come and take a look~!

1. Getting started with jQuery basics

address https://www.shiyanlou.com/courses/22
Number of students 2.8k
Followers 331

jQuery is an excellent lightweight Javascript library, compatible with CSS3, and compatible with various browsers, and is widely used in web front-end development. The course will start with the basics of jQuery. We will learn the usage of jQuery with distinctive features, such as jQuery selectors, jQuery events and animations, etc., and finally achieve the purpose of mastering jQuery proficiently.

image.png


2. HTML5 Canvas to implement mini games

address https://www.shiyanlou.com/courses/361
Number of students 11.3k
Followers 367

This course implements a small game based on HTML5 canvas, focusing on the process of HTML5 game development and the things that need to be processed in game development. Students interested in web game development can practice basic knowledge of HTML5 and JavaScript through this project.

image.png


3. Javascript basics

address https://www.shiyanlou.com/courses/21
Number of students 20.5k
Followers 1.3k

Note: This course is no longer updated and maintained. It is recommended to study the new version of the course "JavaScript Basic Course", the course address: https://www.shiyanlou.com/courses/1238.

image.png


4. Getting started with Bootstrap 3 basics

address https://www.shiyanlou.com/courses/50
Number of students 10.3k
Followers 859

Bootstrap is a simple, intuitive, powerful, mobile device-first front-end development framework. Bootstrap makes web development faster and easier.

image.png


5. HTML5 realizes the puzzle game

address https://www.shiyanlou.com/courses/161
Number of students 8.4k
Followers 404

This course is based on HTML5 to implement a web version of the jigsaw puzzle. The implementation process will involve HTML5, CSS3 and JavaScript related knowledge. Completing this project can further solidify the front-end basic knowledge.

image.png


6. HTML5 implements local image cropping

address https://www.shiyanlou.com/courses/363
Number of students 7.1k
Followers 249

This experiment is intended to realize the use of HTML5 canvas technology, combined with HTML5 File API to achieve local cropping of pictures. Through this experiment, you will learn how to combine HTML5 and JavaScript to write a simple single-page application. This course is of average difficulty and is suitable for students who are just getting started with the front-end. They need to understand cavas and have a JavaScript foundation.

image.png


7. Don't step on the white game in the web version

address https://www.shiyanlou.com/courses/306
Number of students 7.5k
Followers 327

This course uses the most basic HTML+CSS+JavaScript to realize the web page version of the white-block game. By completing this simple and interesting game, you can practice your front-end skills.

image.png


8. HTML implementation of minesweeper game

address https://www.shiyanlou.com/courses/144
Number of students 3.7k
Followers 172

This course will lead you to realize the classic mini game minesweeper. You can learn how to abstract and encapsulate the objects in the game by practicing basic web development knowledge such as JavaScript and CSS.

image.png


9. Collabtive system cross-site scripting*** experiment

address https://www.shiyanlou.com/courses/285
Number of students 2.3k
Followers 227

Cross-site scripting (XSS) is a common and weak web application vulnerability. The attacker uses this vulnerability to inject malicious code (such as JavaScript) to attack the victim's web browser.

image.png


10. Getting started with JavaScript basics

address https://www.shiyanlou.com/courses/1238
Number of students 10.3k
Followers 436

The course starts with what is JavaScript, and explains the basic grammar, key features, JSON, WebAPI and other knowledge points of JavaScript step by step. The content will involve the method of webpage window interaction and related operations of webpage elements through DOM.

image.png


  • Thank you for reading all the way to the end, part of the content is organized from the Internet, invaded and deleted
  • If this article is helpful to you, please remember to share or click on'I am watching' this article.
  • If you have any questions, errors or comments about the content of the article, please leave a message .

image.pngWelcome to pay attention to the "Old K Play Code" public account to get more practical cases and industry information.


Guess you like

Origin blog.51cto.com/15069443/2576245