Home | Printable Version
3: Getting Started
Get a detailed overview of the key WebMaker features
Video Timestamps
  1. 00:58 Creating a new project
  2. 02:25 Page Designer
  3. 03:44 Application Map - Page Orchestration
  4. 04:38 Responsive Viewer
  5. 04:56 Testing Projects
  6. 05:43 Using multiple tabs on the WebMaker Studio
  7. 06:05 Page Skins
  8. 07:02 Theme Designer
  9. 09:51 Responsive Layout Grids
  10. 14:01 User Defined Controls
  11. 15:15 Layout Defaults, Label Positioning
  12. 17:47 Data Bindings
  13. 20:35 Server Rules Designer
  14. 23:30 Testing Applications
  15. 23:52 Debugger - Tracing Application Flow
  16. 26:37 Java Gateway
  17. 26:58 Publishing Applications
  18. 29:00 Team Server
  19. 30:00 Infinite - Responsive, Single Page animated Template
  20. 31:17 Using Browser Development Tools
  21. 31:32 Responsive Menus
  22. 32:20 Responsive View
  23. 32:45 Responsive Grid Layout
  24. 34:52 Navbar
  25. 35:58 Client-Side Events and Javascript
  26. 37:32 Animations
  27. 38:10 Layout Containers - Hierarchy and Highlighting
  28. 38:39 Fine-tuning ad-hoc layout and style properties
Learn how to design, build & publish a complete responsive website
Video Timestamps
  1. Create the Layout and Structure of your web site using grids and other layout controls 00:00​
  2. Fine-tune the responsive elements of your application 23:57​, 29:38​, 39:53​, 01:00:57​
  3. Design a theme and create a one-click mechanism to style your application using SASS 1:04:19​
  4. Match and fine-tune colours 1:06:25​
  5. Incorporate Fonts, including Google Fonts 1:10:53
  6. Fine-tune and customise your layout and styling 54:52​, 1:17:50​
  7. Fine-tune and customise your navigation 1:25:59​
  8. Package and Publish your Web Site to your Web Server on the Cloud 1:30:35
Learn how to use multiple data sources, and build a full stack web application using WebMaker
Video Timestamps
  1. 0:00:00​ Introduction and Page Layout Design.
  2. 0:09:27​ Application Orchestration Diagram - to map the application flow between pages and server controllers.
  3. 0:11:40​ AJAX Partial Page Server Controllers - to retrieve server data for specific page sections.
  4. 0:16:48​ AJAX Partial Page - Client-side data containers.
  5. 0:22:09​ Testing and Debugging the application - including full transactional logic and data flows.
  6. 0:24:26​ Data-driven page design using SOAP WSDLs - including SOAP Service invocations.
  7. 0:32:26​ Data-driven page design using Database Tables.
  8. 0:38:31​ WebMaker’s Server Rules Designer - showing database access using the SQL Statement.
  9. 0:48:20​ Paging Data Tables, sorting, sticky headers, etc.
  10. 1:02:14​ REST Service Invocations - including merging of composite data from multiple service calls and database access rules. Data manipulation, formatting on the client and server. Detailed tracing and troubleshooting.
  11. 1:26:05​ JSON to XML Transformations on the server - using the Java Method action.
  12. 1:34:15​ Complex client-side data bindings.
  13. 1:36:13​ Re-purposing server data structures to simplify client-side data bindings using XSL transformations.
  14. 1:50:42​ Dynamic page styling based on server data, data formatting, restructuring, hints, tips, icons, etc.
  15. 2:05:17​ Detailed database transactions - Adding stock items to watch and active lists
  16. 2:39:07​ Using Font Icons
  17. 2:41:37​ Detailed database transactions - Moving and deleting stock items between lists
  18. 3:03:48​ Charting using third-party library integrations
  19. 3:27:23​ Data Bound Structure Control - Making complete server data structures available on the client, including XML to JSON transformations on the client.
Learn how to publish an application to a WebMaker Server on DigitalOcean
Video Timestamps
  1. 0:00​ Create and Preview your application
  2. 4:44​ Test your application locally
  3. 09:18​ Create your own custom Web Server on the DigitalOcean 1-Click Marketplace
  4. 11:43​ Secure your web server using an SSL Certificate
  5. 17:04​ Fine-tune and configure the WebMaker Server
  6. 19:46​ Setup 1-Click integration and Publish your application to your Web Server
  7. 25:34​ Other publication options
Learn how to integrate your web front-end with a Java server stack
Video Timestamps
  1. 00:00​ Introduction to the Java Controllers and the DataCubes Project
  2. 06:00​ Using External Editors for your Java
  3. 07:27​ Java Packaging and Location
  4. 08:08​ JavaDocs
  5. 08:32​ Compiling Java
  6. 11:30​ Transforming Data as JSON
  7. 19:08​ Using Data In XML Format
  8. 31:58​ Accessing WebMaker's Server Platform Features From Java Controllers
Launching the Studio Projects and Workspaces