Learn more about web development - http://amzn.to/2oq2XwQ
Web Development Blog - https://goo.gl/K4Km5C
In this video I am going to connect to an api and work with the received data. I walk through my process of building a small project step by step. I talk about taking an idea, building a base file and then making a wire frame of how the project should look like, then I go and link in Bootstrap and jQuery and then build the project to show a random image of a dog using an API.
In this case the steps that I take to build the project are:
Wireframe
Open Github Repo
Link Libraries
Check jQuery is working
Build HTML
Build CSS
Call API and look at response
Show API response in HTML
Time Links:
Open A GitHub Project: 00:42
Wireframe: 01:21
jQurey: 02:10
Bootstrap: 02:59
Dog API: 03:02
HTML & CSS: 03:27
Javascript: 18:39
The tools I use in the video are:
https://dog.ceo/dog-api/
https://jquery.com/
https://getbootstrap.com/
https://wireframe.cc/
You can see the code for this project here: https://goo.gl/sQipJn
You can see the live demo site here: https://goo.gl/ujbkfT
My Computer - http://amzn.to/2idKiks
My Camera - http://amzn.to/2khK2VW
My Tripod - http://amzn.to/2jFvBqI
My Camera Bag - http://amzn.to/2jF9QXY
Javascript Book - http://amzn.to/2idL9Sc
Web Design Book - http://amzn.to/2EilGnX
If you liked this video then go ahead and subscribe! -https://goo.gl/NoM0fg
And follow me on Instagram - https://goo.gl/bt8xUJ
Watch video Code Along Connecting to an API online without registration, duration hours minute second in high quality. This video was added by user Ben Akehurst 25 May 2018, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,252 once and liked it 38 people.