JQuery & JQuery-UI documentation / learning material
Locked
JQuery & JQuery-UI documentation / learning material
 
|
Hi,
I recently decided to learn some seaside but have been having trouble finding learning material & documentation for the seaside way of dealing with jQuery & jQuery-UI. I've gone through the draft chapters at book.seaside.st, but don't understand how to do things that deviate just slightly from what's written there. For instance, having a button that, when clicked, creates an AJAX request and passes it the data of a text field / form, or how to use the jQuery-UI Autocomplete field and 'capture' its results to display them in a table, or how to style the list it returns, etc. Is there some documentation or learning material somewhere that anyone can recommend please :) -- (N)E _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
|
|
Hi,
Did you installed Seaside ? If so then go to url: http://localhost:8080/javascript/jquery-ui And there are some JQuery examples there. Also check: http://localhost:8080/javascript/jquery regards, bruno -- Sent from: http://forum.world.st/Seaside-General-f86180.html _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: JQuery & JQuery-UI documentation / learning material
|
|
Thanks, I did not know about those links, they do help!
If there are any other resources, please let me know. And if it's better to use scriptaculous over jQuery? On 10/4/19, BrunoBB <[hidden email]> wrote: > Hi, > > Did you installed Seaside ? > > If so then go to url: > http://localhost:8080/javascript/jquery-ui > > And there are some JQuery examples there. > > Also check: > http://localhost:8080/javascript/jquery > > regards, > bruno > > > > -- > Sent from: http://forum.world.st/Seaside-General-f86180.html > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > -- (N)E _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: JQuery & JQuery-UI documentation / learning material
|
|
For example, what is (html jQuery load) --- What does `load` do? Is
there any documentation to explain when I should use it? On 10/6/19, Elie Choueiri <[hidden email]> wrote: > Thanks, I did not know about those links, they do help! > > If there are any other resources, please let me know. And if it's > better to use scriptaculous over jQuery? > > > On 10/4/19, BrunoBB <[hidden email]> wrote: >> Hi, >> >> Did you installed Seaside ? >> >> If so then go to url: >> http://localhost:8080/javascript/jquery-ui >> >> And there are some JQuery examples there. >> >> Also check: >> http://localhost:8080/javascript/jquery >> >> regards, >> bruno >> >> >> >> -- >> Sent from: http://forum.world.st/Seaside-General-f86180.html >> _______________________________________________ >> seaside mailing list >> [hidden email] >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >> > > > -- > (N)E > -- (N)E _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: JQuery & JQuery-UI documentation / learning material
|
|
Hi Elie,
Seaside is a pretty old framework. Unlike most web-technology, it’s still maintained though. Many years ago there were a number of jQuery frameworks that allowed websites to be more dynamic. That’s why
Seaside supports Scriptaculous, Prototype, jQuery and jQuery UI. If you check the Wikipedia pages of any of these, you’ll see that jQuery is the single still actively developed javascript framework from back then.
So if you want to know which ones to learn: only jQuery is worthwhile. Like the other frameworks jQuery UI is petty much dead (last update was 10 years ago). For good looking widgets the standard today
is more or less Bootstrap (but as always on the internet, there’re alternatives that might or might not be better). There is a bootstrap implementation in Seaside, but i’m not sure if it’s included in the standard installation. I also don’t know which version
of Bootstrap it is, the latest version is 4.3, but 3.x is still widely used.
For example in jQuery (in javascript) you write: jQuery("div“).show().That’s two pieces, first you find all DIV elements in the HTML DOM tree, then you tell all of them to show. In Smalltalk that’s written as: (html jQuery: 'div‘) show.
The documentation can be found at: http://api.jquery.com/jquery and http://api.jquery.com/show. As you can see the URLs follow a VERY simple schema, so just place your
function-name at the end and go directly to the relevant documentation. Please note that in jQuery it’s super common to have different behaviour for the same function based on different arguments.
For Bootstrap the documentation can be found at:
getbootstrap.com. There it’s a bit more difficult as bootstrap is not a javascript framework but a mix of html, css and javascript. javascript playing only a tiny part, the biggest part in Bootstrap is creating correct html with the right set of attributes
so that the appropriate css rules can kick in.
That being said: if you want to learn more about any of these frameworks, just pick some tutorials on the web and create their html and javascript using Seaside.
Kind Regards
Karsten
Georg Heeg eK
Wallstraße 22 06366 Köthen Tel.: 03496/214328 FAX: 03496/214712 Amtsgericht Dortmund HRA 12812 Am 6. Oktober 2019 um 07:08:19, Elie Choueiri ([hidden email]) schrieb:
_______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: JQuery & JQuery-UI documentation / learning material
|
|
Hi Karsten,
Thank you for the detailed response, that makes a lot of sense and points me at what to look in to and where to look :) I'm really enjoying smalltalk (using Squeak) and am hoping to be able to use it for some [serious] web dev work. On 10/6/19, Karsten Kusche <[hidden email]> wrote: > Hi Elie, > > Seaside is a pretty old framework. Unlike most web-technology, it’s still > maintained though. Many years ago there were a number of jQuery frameworks > that allowed websites to be more dynamic. That’s why Seaside supports > Scriptaculous, Prototype, jQuery and jQuery UI. If you check the Wikipedia > pages of any of these, you’ll see that jQuery is the single still actively > developed javascript framework from back then. > So if you want to know which ones to learn: only jQuery is worthwhile. Like > the other frameworks jQuery UI is petty much dead (last update was 10 years > ago). For good looking widgets the standard today is more or less Bootstrap > (but as always on the internet, there’re alternatives that might or might > not be better). There is a bootstrap implementation in Seaside, but i’m not > sure if it’s included in the standard installation. I also don’t know which > version of Bootstrap it is, the latest version is 4.3, but 3.x is still > widely used. > > As for documentation: the Smalltalk interface to these web-technologies is > typically very close to the original implementation. > For example in jQuery (in javascript) you write: jQuery("div“).show().That’s > two pieces, first you find all DIV elements in the HTML DOM tree, then you > tell all of them to show. In Smalltalk that’s written as: (html jQuery: > 'div‘) show. > > The documentation can be found at: http://api.jquery.com/jquery and > http://api.jquery.com/show. As you can see the URLs follow a VERY simple > schema, so just place your function-name at the end and go directly to the > relevant documentation. Please note that in jQuery it’s super common to have > different behaviour for the same function based on different arguments. > > For Bootstrap the documentation can be found at: > getbootstrap.com<http://getbootstrap.com>. There it’s a bit more difficult > as bootstrap is not a javascript framework but a mix of html, css and > javascript. javascript playing only a tiny part, the biggest part in > Bootstrap is creating correct html with the right set of attributes so that > the appropriate css rules can kick in. > > That being said: if you want to learn more about any of these frameworks, > just pick some tutorials on the web and create their html and javascript > using Seaside. > > Kind Regards > Karsten > > > Georg Heeg eK > > Wallstraße 22 > 06366 Köthen > > Tel.: 03496/214328 > FAX: 03496/214712 > Amtsgericht Dortmund HRA 12812 > > > Am 6. Oktober 2019 um 07:08:19, Elie Choueiri > ([hidden email]<mailto:[hidden email]>) schrieb: > > For example, what is (html jQuery load) --- What does `load` do? Is > there any documentation to explain when I should use it? > > On 10/6/19, Elie Choueiri <[hidden email]> wrote: >> Thanks, I did not know about those links, they do help! >> >> If there are any other resources, please let me know. And if it's >> better to use scriptaculous over jQuery? >> >> >> On 10/4/19, BrunoBB <[hidden email]> wrote: >>> Hi, >>> >>> Did you installed Seaside ? >>> >>> If so then go to url: >>> http://localhost:8080/javascript/jquery-ui >>> >>> And there are some JQuery examples there. >>> >>> Also check: >>> http://localhost:8080/javascript/jquery >>> >>> regards, >>> bruno >>> >>> >>> >>> -- >>> Sent from: http://forum.world.st/Seaside-General-f86180.html >>> _______________________________________________ >>> seaside mailing list >>> [hidden email] >>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >>> >> >> >> -- >> (N)E >> > > > -- > (N)E > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > -- (N)E _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
|
|
In reply to this post by Elie Choueiri
IIRC StackExchange has some good questions and answers For me, the key insight is that JQuery is an object and it constructs the correct javascript when you send messages to that Object. Once you "get it" its a very nice way of doing JQuery. That said, I have to reread the documentation every time I need to implement a JQuery. hth. tty ---- On Fri, 04 Oct 2019 12:07:28 -0400 Elie Choueiri <[hidden email]> wrote ----
_______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
«
Return to Seaside General
|
1 view|%1 views
| Free forum by Nabble | Edit this page |