• Why the Need of Web IDE Why Web IDE(S) Came Into Picture 
• Where Web IDE Comes In - Modern Architecture and Development Landscape How On-Premise Landscape of ECC and S/4 HANA is and How Development Tools Are Understanding Modern Cloud Architecture of SAP® with SCP and CC and Where Web IDE Comes In 
• How Many Type of Web IDE We Have and Where they are Used How Many Types of Web IDE We Have At Present(As per Q2-2018)  
• Hands-On Installing Web IDE Personal Edition Properly In Windows and Mac OS Installing Personal Web IDE on Windows Machine Installing Personal Web IDE on Mac 
• Hands-On Web IDE - Connectivity With ECC and SAP® Cloud Platform With HANA Connector How to Connect Web IDE with ECC to Take Advantage of Design Time Development Web IDE in HXE and SAP® Cloud Platform(SCP) With Cloud Connector SAP® Cloud Platform(SCP) and Cloud Connector 
• Integration, Development and Data Model Web IDE 3 Most Important Features and Understanding API/Service Integration Theory Web IDE Templates to Provide Best Practice and Layout Editor Theory Web IDE Templates to Follow Standards of Global Model in UI5 App Theory 
• Hands-On: Getting Ready With oData Services and UI Templates Getting Started With UI5 Dev on Web IDE - Configuring Service  
• Hands-On: Starting With App Development in Web IDE Preference in Web IDE and Creating the First App Using the Configured Services from Template Creating the First App Using the Configured Services from Template Extending the Template With New View Control Pair Designing and Developing New View Web IDE With Layout Editor Finishing the Development and Adding Routes 
• Hands-On: Running App, Debugging and Resolving Runtime Bugs Running and Debugging the App The App is Running, But What is Missing? Changing the Routes and Providing Data to App on Next Page Pushing the Changes to ECC System and Version Mismatch Applying CDN Hack(not recommended) to Save Our Life! 
• Going Custom, Development and Debugging in Details Overall Internal Architecture of an UI5 App With Web IDE  
• Hands-On: Understanding Open oData Services Understanding Open oData ServiceAPI Which We are Going to Use Understanding Open oData ServiceAPI Which We are Going to Use Continue Adding Destination in SCP Platform for Our Use Case With Open oData Service Confirmation of the oData Integration and Development Debugging of the Service Integration and Development 
• Create Your Web IDE Plug-in in SCP and Understand About Promises Simple Demo of Web IDE Plug-in We are Going to Make and Introduction Steps To Create Web IDE Plug-in, Overview Steps And SDK Doc Create a Simple Web IDE Plugin And Run Sample Code Doing Simple Modification In Plug-in Project And Running Understanding Plug-in.json's Properties And Mapping Debugging Existing Sample Code Of Plug-in And Coding In Console Adding Final Code Of The Plug-in To The Project And Debugging Deploying Developed Plug-in Into SAP® Cloud Platform Activating And Seeing The Plug-in In Action 
• Why And What Are Promises, Let's Understand Basics Implementing Promises With Example Of Async Code
• Hands-on: Development of App Development Greenfield App Adding Services and Configuration Development of the App With Layout Editor and Code Editor Development of Routes in Our Application 
• Hands-on: Debugging and Understanding Common Errors which developer run into  

Debugging Our Application View, Manifest and Databinding Data Binding in the View with Layout Editor and Debugging Debugging App, Routing and Data Binding Debugging Continues on Databinding, Routes and Application Summary of the Application, Development and Configuration 

• Build UI5 Project With Web IDE-Template, Tiles, Routing and Model Building UI5 Application for Project CORE and UI5 New Components Updates Understanding functionality for Project CORE UI Stating the Development in Web IDE Personal Edition Development in Web IDE Personal Edition - Data Binding with manifest.json UI5 Development of Routing for Home Screen and Details Page Navigation
• Build UI5 Project With Web IDE GIT Configuration With WEB IDE - Understand Basic of GIT GIT Configuration With WEB IDE - Creating a Demo Repo and Pushing Changes GIT Configuration With WEB IDE - Understand Pull, Commit, Push, Rebase GIT Configuration With WEB IDE - Creating Main Project Repo and Doing Commit-Pull-Push Adding ObjectHeader to our Overview Page of the App Using Layout Editor Vertical Layout and FilterBar - What do When FilterBar is not present in Layout Editor What do When our FilterBar is not present in Layout Editor Adding FilterBar With Code Editor from Sample Code Changing FilterBar Based on Our Requirement of Having an Input Adding the Proper Aggregation in XML Views for FilterBar Content Adding the Model for the Application in Manifest.json Bind the Global Model Data to Our Material Overview View as Named Model Changing Our Table As Per Core Ui - Searching For Table Mode Changing our Table as Per CORE UI - Making Mode as Multiselect Changing our Table as Per CORE UI - Adding ColumnMicroChart Debugging and Placing MicroChart Inside Table Databinding for Table Rows and Columns Databinding and Aggregation for MicroChart Developing Formatter for our MicroChart Fixing Error in Formatter by Adding it in Controller as formatter Module Adding Formatter as a resource inside Manifest.json Starting the Filter Implementation over our Table Data Adding the Event Listener in the Controller for Filter Adding the Back Button Functionality for the Overview Page Populating and Linking Standard Text into i18n Property File and Summary  
• Project Development of Detail Screen, New components and Advanced Issues Walk thought of Week 6 Development and Focus on Detail Screen UI Building a Responsive Layout for Our Detail Screen and Starting from Big Component to Small Component Adding Responsive Split Layout Container to our App Building Object List - Layout Editor for Unsupported Components Building Object List - Creating New Global Data Model - Planning Part Building Object List - Creating New Global Data Mode - Understanding Async Data Load Building Object List - Adding List and Binding Model Data Building Object List - Adding Status and Formatters for Colors Building Object List - Understanding Formatters Better Understanding Formatters and Debugging For Global Parameters Understanding Formatters and Defining Global Parameters Understanding Formatters and Implementation of Status Color Change Understanding Formatters and Mismatch in API Reference Understanding Rendering Issues for Panel Height and How to Fix it 
• Understanding Layout, Containers, Grid, Generic Tiles, Viz and Complex Screen Elements With Web IDE Understanding Layout Overview for the Detail Screen Which Layout Components We Need to Select for Detail Screen Adding Object Header And Placing In Detail Screen Attributes And Status For Object Header And Fixing Width Issue Selecting Icontabbar And Icontabfilter For Detail Screen Adding Chartcontainer Inside Icontabfilter For Detail Screen Adding Multiple ChartContainer Inside IconTabFilter Experimenting With ChartContainer Inside ChartContainer Adding Viz Component Inside ChartContainer and Compatibility Issues Error in Compatibility of ChartContainer Layout and Debugging Adding Expandable Table and Chart Using ChartContainer In ChartContainerContent Aggregation Debugging ChartContainerContent for Not Valid Aggregation Solving The Aggregation Issue And Best Practice For Nesting Container Understanding Layout for Tile Container and Grid Layout for Generic Tiles Looking into TileContainer and CustomTile - Not Compatible with 1.50v Looking into GenericTile Inside Grid Layout - Compatible with 1.50v Implementing TileContainer and CustomTile - Not Compatible with 1.50v Adding Appropriate Data For the Detail Screen New Elements Adding Named Model to Object Header Merging Two Table Field Adding Viz Component and the ChartContainerContent Debugging Viz Component Binding to Render Proper Data Final Debugging of Detailed App 
• UI5 Compression, Automation Task Runner, Gulp Starter Kit and Load Speed Improvement Compression, Speed Improvement and Task Automation for UI5 Application Understanding Async and Dependencies Understanding Dependencies and Task Runners Understanding Continuous Deployment, Overview of Babel, Gulp and Gulp Preload Understanding Gulp UI5 Preload Lib and Seeing Overview Code Understanding UI5 Gulp Starter KIT Package.json Understanding the index.hbs Files and Yarn Build Executing Yarn Build and Executing the Default App Understanding What Will Change After Build and Execute the UI5 Default App Examining Network Waterfall Diagram for Load Sequence Making our CORE App Async by Adding Preload and Promises Preparing the Path UI5 App for Preload and Compression - Structure and index.hbs Changing Package.json and Building Project With Yarn Debugging the Project and Finding Cause of Failure Fixing the Error, Successfully Building Path UI5 App and Sharing Deployment Structure