Need a simple Visual Studio jQuery test environment

Need a simple Visual Studio jQuery test environment.

I expect to be working in Visual Studio on a project which will involve Angular, Kendo UI and jQuery. So I need to set up a simple Visual Studio test environment where I can play around with some of the more complex jQuery commands.

What is the best way to do this in Visual Studio? I feel like I need a solution with an HTML file and a folder that contains jQuery. But feel free to suggest a few steps that can get me to that point.

And please include the steps to get jQuery installed. I assume that is just a NuGet call. But what about other dependencies?


Thanks.
curiouswebsterSoftware EngineerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Chris MichaelidesCEO & FounderCommented:
To download jQuery library, go to jquery.com.
Here, you can download the latest versions of jQuery, at this point it is v3.3. You can download compressed or uncompressed versions of jQuery library. Compressed version should be used in production environment whereas uncompressed version should be used in development. Compressed version minimizes the library by eliminating extra white space, line feed and shortening the variable and function names. So, compressed version is not readable. Uncompressed library is a readable file which is useful while debugging.

After downloading an appropriate version of jQuery library, you can put it in a folder (eg. Scripts) and use it by taking a reference of it in your HTML file. Remember, jQuery library is eventually a JavaScript file. So you can include it like a normal JavaScript file using script tag as below.

<!DOCTYPE html>

<html>
<head>
    <script src="Scripts/jquery-3.3.1.js"></script>   
</head>
<body>
</body>
</html>

Open in new window


Then you use Visual Studio to write your HTML and JS files in.
It's simple as that.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Miguel OzSenior Software EngineerCommented:
These days you do not need visual studio to do Jquery testing, the web offers so many alternatives:
- 3Schools: Offer explanation plus test environment
- JsFiddle: Great to run HTML, CSS and JQuery combined.


But these days I do prefer  Visual Studio Code for front end coding (Which is free), it is easier and faster than VS with basically very similar user experience.
Julian HansenCommented:
where I can play around with some of the more complex jQuery commands
I don't understand - what are you wanting to do? What is it you are wanting the environment to do?

For Angular, JavaScript, HTML etc my weapon of choice is now Visual Studio Code - used to be Notepad++ but the support Code provides for Angular and Typescript made it a no brainer. It has an extensive library of plugins that allow you to cover almost every aspect of development.

To answer your question though I would need to know what your expectations are - I don't really understand the bit I quoted at the top?
curiouswebsterSoftware EngineerAuthor Commented:
I am having quite a bit of fun w/ jQuery at W3Schools, actually. More questions to come...

Thanks
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.