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 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
Launching the Studio Projects and Workspaces