WeldPad

If you still haven't familiarized yourself with WeldPad we've prepared a couple of articles to get you going.

Connect pieces to create web application

Development process can be a long complex task, most of the developers face the same issues, and needs to resolve it by thmselves.

WeldPad lets you use the different solutions developed by other developers that have similar issue.

Common problems a developer faces is build up of two parts, Search for a code / sample to overcome the technical issue, and leveraging code in the web application.

WeldPad Platform redefines this issue, to make it a simple single part task. AS: displaying / applying code pieces that were leverages by other users in a simulare context.

WeldPad is a Platform for building your application. It is fully extensible and works well with other libraries such as angular, polymer.

Every feature can be modified or replaced to suit your unique development workflow and feature needs. Read on to find out how.

Give WeldPad a spin!

Get involved ? login to WeldPad its free

Join WeldPad gets you a the power of group development and an opportunity to help us grow WeldPad!

Start Welding Arrow right Go Wild! Arrow right

The Basics

Get familiour with the tools this platform has to offer.

Connect pieces to create web application

Create Extension

Create custom component, add new functionality, and data.

MOVIE: Create "Product Catalog" extenssion using angular!

Learn more Arrow right

Wire up Backend

Convert you Javascript code into a component that interacts (get / set) with Data.

MOVIE: Load Catalog data from the database!

Learn more Arrow right

How to use WeldPad Components

Add WeldPad Components to your project

You can easily install WeldPad Components in to your project, Just add the extension code to you're website See How.

Finding extensions

The community continously adding new extensions to the WeldPad Network (Web components) see the graph, using the designer you can serch for the extension Drag & Drop it in to you're solution customize it and bind it's attributes with you're solution attributes. use:

bower install baasic-sdk-polymer-core-sessioncontrol
bower install baasic-sdk-polymer-membership-login
bower install baasic-sdk-polymer-article-module

Import WeldPad Extension in your files

weldpad-login component provides standard login interface. weldpad-article component gives you the ability to create chunks of editable content and to control who can view and edit it. weldpad-sessioncontrol component controls the expiration of user credentials on the client side. Internally, these components use several other low-level components (providing support for Ajax calls, CRUD operations, editing, configuration management, etc.)


Place sample code for E-Pointment aaaa?aaaaa
bbbbbbbb

WeldPad

In order to keep up with the fast speed the websites world is progressing UX, technolig (angular, polymer, more..), UI, mobile, and more.

We must change the way we develop, Instead of creating code, We should change it to using code (Extension),

WeldPad is a network of Extensions.

WeldPad enables you to embed extension it the code, So that creating a Website is like building it with Lego pieces.

WeldPad enables you to create extensions (small packages of code that can be leveraged in some other code packages, solutions, HTML, and that can be cloned by other).

WeldPad Redefines the way you build website.

We believe that the best way to explain is to show you.

So lets see how we create "image review" website.

What is welding?

The process of building a solution using extension, that are the building blocks of solutions, Extensions are developed by you and the network.

A website, or a widget that gives service to users.

Can combine both client side code, and server side code with the addition of what the services that the platform has to offer, such as image upload, SSH, JMS and more.

Sample Solutions:

WELDING LAYWERS WEBSITE

Extensions are annotations, usually written in angular or polymer, annotations have server and client side code.

Pieces of code that can be leveraged inside of an application.

Extensions know how to merge the code into a solution.

MODIFY / CREATE EXTENSIONS

Collection of extensions, developed by the community, that you can use in solutions.

Once you develop a solution you use extensions from the social network that feet your need.

The Extensions that are missing and you need to create in order to create your solution, extends the network of extension, and are available for other developers on the network, that how the network grows.

View "contactus" graph element in the network

Graph Element:CONTACT US

How do I weld?

Using the On-line IDE, You can control the solution, embed extensions, modify and create extensions, add client side code.

A tool that enables user to Create solution and extensions.

  • Create Load and save the Code Containers.
  • Code Context is used with The Extension Network to give you the common Extension that are used in your context.
  • Enables to leverage Extensions from the network in the code.
  • Define the instructions on how to merge the Extension code in a solution.
  • Enables you to clone Extension and modify them in order to create your owne extension.

The platform stores not only the extension, but also builds a set of relations, that describes its echo system, such as:

  • Who created the extension.
  • In what contexts is it commonly used.
  • What other Extension are commonly used by the extension.

According to the code, and the IDE current caret position, Crossing it with the Network, The IDE can Identify What is the commonly used Extenstion to place at the caret position, Most of the time you can use the Contextual extension developed in order to place the next Extension in place.

Editing the Code

Is the process of connecting different extenstion using client side coding.

Each piece of code is stored in container in the database.

Once A container is created it has a container id.

To view a container content (code) in the IDE, You can type the following URL:

http://weldpad.com/containerhtml/45756.html#weldp=[container id]

Example to open container id:47211: open the URL http://weldpad.com/containerhtml/45756.html#weldp=47211

You can view or use container created by you or others (unless marked as private).

You will be able to edit only container that you have created.

You can use container that have been created by others, But in order to modify them you need to create a copy first, and then edit the clone.

Extensions are annotations, usally written in angular or polymer, annotaions have server and client side code.

Contextual Extension are list of extensions that are commonly used in this context.

According to the behaviour of the community WeldPad gives you the moust common extensions to use in this context.

Click on "Contexttual Extention" show the extention description and action panel.

"Embed Extension" action adds the extension at the caret position, You can check the description on how to edit it.

The context is according to the caret position.

Set the caret in "wproute" annotation, the content of "contextual extensions" display the extesions that are associated with this annotation.

Set the caret in "routes" annotation, will cause the "contextual extensions" to change accordingly.

Extensions are annotations, usally written in angular or polymer, annotaions have server and client side code.

Contextual Extension are list of extensions that are commonly used in this context.

According to the behaviour of the community WeldPad gives you the moust common extensions to use in this context.

Click on "Contexttual Extention" show the extention description and action panel.

"Embed Extension" action adds the extension at the caret position, You can check the description on how to edit it.

Welding Sample: Business (Laywers) website.

View Sample Arrow right

A five minutes tutorial for adding extensions to the Business (Laywers) website.

This sample demonstrate how you can weld different extenstions into a solution.

See how we weld "Business (Laywers) website" Start Welding Arrow right Steps Guide Arrow right

This is an image of the "contact us" from the solution that you are going do create.

View the movie below and see how to create this website. Click on "Start Welding" button to open the editor.

Modify / Create Extension

Clone Extension and start customizing.

Start coding from the code that will requier the least development.

Browse the Extension Network and take advantage of the different Extension developed for you by other developers like you.

You will benifit from using it and other will benifit from using your code.

Each extension in the WeldPad Platform, supports instructions, on how to embed the code.

So the developer will be able to use the code just with a click of a button.

The Platform will suggest the use of the extensions according to its contextual usage.

Once you have created an extension, The platform enables developers to contact you, follow you.

Enables the developers a great platform to influence others and get inspiered by other developers.

You always sk the social network to help you delevlop extensions.

How to clone

Clone Extension and start customizing.

STEP 1: In the IDE code select the element tag to clone.

The toolbar will change and you will have additional options.

Such as clone, open extenstion

STEP 2: In the toolbar, click the clone button

A popup will appear, asking you to enter the new extension name

STEP 3: Type the new Extension name

A new window with the cloned extension is open.

You can edit the extenstion.

Wire up Backend

Convert you Javascript code into a component that interacts (get / set) with Data.

Make you're extension more then just JS code. enable to share data, persist.

This what makes the different between a calender and a schedualer, calender shows dates (static), schedualer shows events (dynamic: loaded from the server).

This what makes extensions come alive.

xxx.

yyy.

zzz.

WeldPad at your service

Read more Arrow right

You define what Streams the backend will return by creating a container and defining its content using the online editors.

Use the Set of WeldPad commands to handle the Containers Content, And see samples section below to see what you can do with the containers.

Containers are scailed accross the WeldPad Platform, The WeldPad platform knows how to create an additional machine that will have an updated copy of the container.

We have created several tools for you to do this.

CSS HTML tags editors - If you are creating an HTML / CSS Code use the HTML tags editors Here.

Command Editor - If you are Using the WeldPad Server Commands use the Command Editor Here.

Controlling the WeldPad backend is done by the Container code.

The platform supports requesting the content of a container at the following protocols:

The platform supports a set of tools to create response.

The backend is a simple language build of 6 commands.

Using the commands makes it simple to add data to / from DB, JMS, EMAIL, Indexing, more.

The platform support a set of services such as image uploadaing.

Custom serveices are also available such as indexing and schedualling.

Samples

Return static JSON to the Catalog Model Directive.

1. Create Container.

2. Create Static Catalog Model to return to Catalog Model Directive

3. Clone Catalog Model Directive.

4. Change the container to the newly Created Container.

Start Here Arrow right
Return catalog from the database as JSON to the Catalog Model Directive.

1. Get a postgres Database from Amazon.

2. Edit it, Add some data.

3. Get the Catalog from the Database.

4. Replace the Static Json with the data from the Database.

Start Here Arrow right
Enable the Administrator to change the Catalog.

1. Clone CatalogAdmin Directive.

2. Change the get catalog, to get Catalog from the database (see the previous sample "database").

3. Create a container.

4. Validate the length is less the 10 characters.

5. Store to Database, and Update Cash.

Start Here Arrow right

Join WeldPad gets you a the power of group development and an opportunity to help us grow WeldPad!

Contact

San Francisco Office Lawyer & Lawyer 500 Terry Francois St. San Francisco, CA 94158

1800 000 0000