JQuery & JQuery-UI documentation / learning material

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
7 messages Options
Reply | Threaded
Open this post in threaded view
|

JQuery & JQuery-UI documentation / learning material

Elie Choueiri
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
Reply | Threaded
Open this post in threaded view
|

Re: JQuery & JQuery-UI documentation / learning material

BrunoBB
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
Reply | Threaded
Open this post in threaded view
|

Re: JQuery & JQuery-UI documentation / learning material

Elie Choueiri
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
Reply | Threaded
Open this post in threaded view
|

Re: JQuery & JQuery-UI documentation / learning material

Elie Choueiri
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
Reply | Threaded
Open this post in threaded view
|

Re: JQuery & JQuery-UI documentation / learning material

Karsten Kusche
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. 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:

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

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: JQuery & JQuery-UI documentation / learning material

Elie Choueiri
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
tty
Reply | Threaded
Open this post in threaded view
|

Re: JQuery & JQuery-UI documentation / learning material

tty
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 ----

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



_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside