jennifert/javascript-demos

Beginner JavaScript demos to get started. Topics include: Google Maps, Bootstrap, Require JS, YQL, wth more coming soon.

JavaScript Demos

These are just some small demos using JavaScript libraries and technology.

Contributing:

Contributions are typically opened for some hacktoberfests (when I am available). Please check the Contributing.md doc before sending a pull request.

Demo links:

Below are some of the demos running on a server.

Bootstrap:

• With Font Awesome: https://jenntesolin.com/demos/fontawesome_bootstrap3.html

Google Maps:

• With Bootstrap 3 (many in one modal): https://jenntesolin.com/demos/multi-map_bootstrap3.html
• With Bootstrap 3 (one in one modal): https://jenntesolin.com/demos/single-map_bootstrap3.html
• With Bootstrap 2 (many in one modal): https://jenntesolin.com/demos/multi-map.html
• With Bootstrap 2 (one in one modal): https://jenntesolin.com/demos/single-map.html

Require JS:

• With Google Maps and Bootstrap: https://jenntesolin.com/demos/requirejs.html

Problems? Something missing?

Feel free to open an issue.

javascript-demos's Issues

Fix yql blog link

Have old link in demo file. Fix it to new one and then fix site demo link.

Hacktoberfest - Bootstrap 5 - Multi-map

Create multiple (google) map points using new bootstrap 5 framework.

Hacktoberfest - Fetch and Async Await

Create a fetch async & wait example.

Hacktoberfest - Bootstrap 5 - Singlemap

Create a single map point (google) using new bootstrap 5 framework.

demo not working

can you please check your demo on Moziall browser version - 40.0
https://www.jenntesolin.com/demos/single-map_bootstrap3.html
I am still looking for an example of google map in bootstrap modal, I hope you will look at it.
Thank You.

Add Fetch (demo)

An example of Fetch - or example basic pulling in API.

Hacktoberfest - Bootstrap 5 - Font Awesome

Create an example page of bootstrap 5 and font-awesome.

Add Leaflet Demos

Similar to the Google 3 folder

Hacktoberfest - Leaflet and Bootstrap 5

In the Leaflet folder, create a html page with a bootstrap 5 and leaflet example.

• single map-point
• double map point

Add Bootstrap 4 demos

In Google folder:

• Single and multiple in one modal similar to V3

In Bootstrap folder:

• bootstrap 4 and font awesome examples.