Lectures

"The illiterate of the 21st century will not be those who cannot read and write, but those who cannot learn, unlearn, and relearn." – Alvin Toffler

1. Before we can get started, you need to enroll in the "HubSpot CMS Developer Discovery Kit" ... https://designers.hubspot.com/discoverykit.  
   Take a moment and read about the "Discovery Kit" on the blog site ... /blog/learn-hubspot-cms-developer-discovery-kit 
   
   
2. CMS Overview - Part 1
   The CMS Overview provides a high level view of the CMS tool. 
   
   
3. CMS Overview - Part 2
   The CMS Overview provides a high level view of the CMS tool. 
   
   
4. CMS Tour
   The CMS tour provides a quick view of the various features and menu options. 
   
   
5. CMS Design Manager Tour
   The design function is the tab to create and update the various templates, modules, and CSS files.  Here is a blog post to provide additional reading content ... /blog/introduction-to-the-design-manager.  
   
   
6. Template MarketPlace Tour
   This tour highlights capturing various templates from the template marketplace. These templates will provide examples for us to work from.  Here is a blog post to provide additional reading content ... /themes-user-guide/what-is-a-hubspot-theme.  
   
   
7. Cascading Style Sheet (CSS) Tour 
   This topic provides an overview of where the various CSS classes are located.
   
   
8. Getting Started with the Content Management System
   This topic provides an overview of the steps required to get started on the Content Management System (CMS) . 
   
   
9. CMS - Site Template Tour
   This tour details the various functions in the site template builder tool.
   
   
10. Create your Site Page Template
    This topic provides an overview of creating your new site template. Various modules will be added. CSS will be used.
    
    
11. Bot Overview
    The Bot conversation function is to highlight how to create a bot to help users on your site.  Why Chatbots are the future: /stories/chatbot-marketing-future 
    
    
12. Create a Site Page
    Once the template is created, it is simply a matter of using the template and filling in the appropriate content.
    
    
13. Advanced Menu Options in the CMS
    An advanced menu is the structure for the various menus used throughout the portal. For more information read this blog post ...
     /articles/set-up-your-site-s-navigation-menus 
    
    
14. Create a Module for use on a site Page  
    Once the template is created, it is simply a matter of using the template and filling in the appropriate content.
    Modules Documentation: /docs/modules/getting-started 
    Project Instructions: Module Project Parallax.pdf
    Images for the Project: https://www.pexels.com/ 
    
    
15. Use HubDB to create a site page for Real Estate 
    The database is a way to filter/search for a variety of information.
    HubDB - HubSpot CMS:  discoverykit/dashboard 
    Discovery Kit-Part 5: HubDB - in-app Database:  /docs/tools/hubdb 
    Team Members:  /docs/tutorials/how-to-build-a-dynamic-team-member-page 
    Map:  /docs/tutorials/lets-build-a-page-with-a-map-with-hubdb
    Real-Estate:  /docs/tutorials/how-to-build-a-real-estate-listing 
    Real-Estate Example File:  /real-estate-listing-example.csv 
    Real-Estate CSS File:  /real-estate.css 
    
    
16. Mobile Friendly
    Once the template is created, you should check to see if it is Mobile Friendly! Google has provided a tool to test and analyze a URL and provide you with a report indicating if the page has a mobile-friendly design. The link is ... https://www.google.com/webmasters/tools/mobile-friendly/