Website & Webapp Track

Intended Learning Outcomes:

At the end of this workshop, the participants will know :

  • How to create a simple website with WordPress
  • Create a website with HTML/CSS/Javascript and understand web technologies
  • How to create a simple web app with Javascript and external services

Day-1 (Website):

  • Live Session ( 2 sessions; 1 hour each)
  • Tour of learning portal and slack
  • Introduction to websites
  • Getting started with WordPress
  • Changing themes
  • Adding a new page
  • Adding a blog post
  • Changing menus
  • Build your own website using WordPress.

Day-2 (Website/WebApp):

  • Live Coding Session (2 sessions; 1 hour each)
  • Introduction to HTML
  • HTML lists
  • Inserting images
  • Hyperlinks
  • Styling the webpage using CSS
  • CSS selectors
  • Introduction to Javascript
  • Build a website Using HTML/CSS/Javascript

Day-3 (WebApp):

  • Live Coding Session (2 sessions; 1 hour each)
  • Build a chatbot Using HTML, CSS, Javascript
  • Understanding JSON data
  • Introduction to jQuery selectors
  • Extend your chatbot to use NLP API, wit.ai.

Day-4 (WebApp):

  • Live Coding Session (2 sessions; 1 hour each)
  • APIs  (Application Programming Interfaces – a way for web applications to talk to one another)
  • Parsing JSON data from an API
  • Injecting data into html to dynamically load content
  • Build a corona tracker app

Day-5 (Website/WebApp):

  • Introduction to Build2Learn
  • Pick a problem to work on
  • Interactive sessions (through the forum)
  • Demo your Website/WebApp