bareBones daily: JQuery

Showing posts with label JQuery. Show all posts

Monday, June 10, 2019

ScrollMagic Tutorial

A quick primer on pinning elements using ScrollMagic. The video walks through the tutorial and information related to references needed in the tutorial can be found below the video.

Demo: https://donyd.github.io/ScrollMagicDemo/

References

Use these for the JavaScript libraries needed for the code from their respective delivery networks:
jQuery:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>

ScrollMagic:
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ ScrollMagic.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/
plugins/debug.addIndicators.min.js"></script>

Background Image:
https://github.com/donyd/ScrollMagicDemo/blob/master/images/scaler_bg.png

Tuesday, July 30, 2013

Learning Javascript - environments and pathways I've taken

Aptana (Photo credit: Wikipedia)

Most of the languages I've been learning have all had a slew of integrated development environments(IDEs) to pick from. Ok, maybe a handful of core ones which are highly popular.

For open source, free IDE's there's one name which is almost synonymous with Java - Eclipse. Now I've mentioned Eclipse for Java numerous times. It comes in various flavours, namely for various environments for any one language, depending on industry or related application to different languages altogether.

Until now, I've been using Eclipse Java IDE for refreshing my Java knowledge on the quest to gain Oracle certification, learning Android Application development and a PHP variant to learn, surprise surprise - PHP/MySQL.

For JavaScript however, I felt like I was meandering at best even with a good book. True I could just use notepad and a browser but the wonders of IDE were not quite apparent till I started my quest to enter any-which way and with any sacrifice into the wonderful world of programming and the rewards it must ensue.

Yet I had still failed to find any. Luckily I managed to find viable resources which also provided browser based engines to write and test the code huzzah. I've mentioned them in my previous posts. One is CodeAcademy and Jqfundamentals.com. I've primarily been on Codeacademy and have made progress and have yet to use Jqfundamentals.

On CodeAcademy I've completed the Javascript route and yet feel somewhat green under the gills. I've started jQuery, but would love to continue with pure Javascript. Surely jqfundamentals would be ideal to round up any deficiencies in knowledge but I also found a great book - Head First HTML 5. It delves into Javascript quite nicely.

Now after all this preambling rambling, I will come to the point, which I've slightly traipsed around already - I'd prefer some decent IDE to learn HTML5/CSS/Javascript with.

The answer comes from the good people at Aptana, although I think they were bought up by Appcelerator. It's open source and used for web application development including HTML5, CSS3, Javascript, Ruby, Rails, PHP and Python*. Aptana Studio 3 comes as a standalone IDE or as a plugin for Eclipse. I didn't want to further complicate my Eclipse with yet another programming system so chose the standalone instead.

So go forth and be bountiful in your programmatic tresses.

*http://www.aptana.com/products/studio3

Saturday, April 27, 2013

More Javascript, and then some

Now, on my quest for learning Javascript, and auxiliaries such as jQuery etcetera, I've come across a veritable foundry.

Codeacademy

It's a website dedicated to the teaching of such languages and it is done so through an interactive online IDE which guides you as well as lets you practice along.

In the 'Learn' section are various languages. They include:

Web fundamentals
PHP
jQuery
Javascript
Python and
Ruby

Then there's 'Projects' and 'API's which lets you culminate your acquired knowledge into practical uses.

Each subject is broken down into chapters and keeps track of completion and so on. Which happens to be best part as learning on your own is hard enough, especially if you were to try and keep track of where you are instead of learning as much as you can.

On that note however, it is somewhat finnicky when trying to move backwards through the lessons to review something as there's no back button. You just have to drop down the lessons list and click the appropriate chapter.

Overall it's a boon for people who wish to learn new skills since their is very little to sacrifice. Just time and effort. Once you get upto speed then you can invest in heavy, expensive tomes or courses knowing what avenues exist and what your interests are. Tally ho.