Getting started with ExtJS4

Standard

What is EXTJS?
Ext JS is a javascript framework for rich apps in every browser. Using ExtJS 4 you dont worry about if your interface will render only in Firefox or Chrome. It’s a new standard to do web applications. ExtJS offers an extraordinary range of user interface widget. High performance scalable grids, trees, panels, menus, etc. There is a large community which build a lot of user extensions too.
Further Informations: http://www.sencha.com/products/extjs/

I’m not a good designer, ExtJs is for me ?
Of course! It’s not necessary have a design experience. That really comes in useful if you don’t know about design, cause ext will help you. With your standards interfaces, you can do amazing interfaces.

Is EXTJS for Beginers Javascript programmers?

No. It’s necessary some experience with javascript stuffs. If never already been programmed with Javascript, you may think extJS4 so hard. But always it’s time to start learning something new.

Talk is cheap, show me the code!

Are you ready to do the ExtJS Hello World?!

<!DOCTYPE html>
<html>
  <head>
    <title>Hello ExtJS4</title>
    <!–styles–>
    <link rel=”stylesheet” type=”text/css” href=”http://cdn.sencha.io/extjs/4.1.0.b1/resources/css/ext-all.css”&gt;
    <!–extjs 4.0.2–>
    <script type=”text/javascript” charset=”utf-8″ src=”http://cdn.sencha.io/ext-4.1.0-gpl/ext-all.js”></script&gt;
    <!–app–>
    <script type=”text/javascript”>
        /* Put your ExtJS code here*/
    </script>
  </head>
  <body></body>
</html>

We will create a simple form with two textfields. Some important aspects will be explained in the next posts. Now, I will only show the code.

Steps to create a good form:
https://gist.github.com/2907577

Simple Form:
https://gist.github.com/2907598

Simple Form

Stay tuned for the next posts!

P.S.: Thanks to  C. Milfont that helped me and encouraged me to study about it.

Advertisements