Basic Web Application Development Course

Web Development Level I (Beginner)

$120.00

Make a deposit to secure a spot with us today!

Out of stock

Description

This course assumes no prior programming knowledge, although being able to operate computer is a must. An entry-level development stack will be taught: JavaScript, HTML, CSS with JQuery and Twitter Bootstrap being the frameworks of choice. These frameworks are amongst the most widely used in the web application development ecosystem, and are tools that senior developers will definitely have used. This will will ease the transition from conceptualising by the students, to the actualising of ideas from the senior developers they will work with.

The course comprises of 20 modules which will be taught throughout the entirety of the course, and is detailed as follows:

 

Module Topic And Objective Content Skills
1 Topic: HTML5 Standards

Objective:

To learn how to create simple webpages

Content:

– Development Environment Setup

– What are tags and attributes

– What are the most commonly used tags, and what are they used for?

– How a basic HTML5 page is structured

After this module, students should be able to:

– Create simple webpages with the use of HTML5 markup

– Use attributes to customise element behaviour

2 Topic: JavaScript Foundations I

Objective:

Learn how to code using JavaScript

Content:

– Introduction to JavaScript and functions

– Learning about how JavaScript is incorporated into web pages

– Using the script tag

– Learning console.log for debugging purposes

– Learn what JavaScript functions are

After this module, students should be able to:

– Write simple functions that employ the use of variables, and parameters

– Debug their JavaScript code with proper tools

– Understand the importance of debugging

3 Topic: JavaScript Foundations II

Objective:

Learn how to create logical flows in JavaScript

Content:

– Understanding what parameters in functions are

– Understanding variables, variable data-types and how to manipulate variables

– Understanding what Objects are and how to manipulate them

– Logical flow: learning how to use If-Else statements

– Logical operators and conditionals and how to use them

After this module, students should be able to:

– Be able to create variables and manipulate variable

– Create, read, update and delete from objects- Use If-Else & the six different conditionals to execute code based on conditions.

4 Topic: JavaScript Foundations III

Objective:

To learn how to use loops and to be able to iterate through data which is nested in arrays

Content:

– Understanding loops and nested loops

– Declaring Arrays and Objects

– How to Create, Access and Iterate through an array

– How to manipulate arrays using push(), pop(), shift(), unshift()

After this module, students should be able to:

– Write loops to avoid repetitive code

– Use loops efficiently, and understand the concept of rows and columns within matrices

–  Manipulating arrays through default functions

– Use loops to manipulate arrays

5 Topic: Introduction to CSS & Twitter Bootstrap I

Objective:

Understanding CSS, before learning the usage of elements within Twitter Bootstrap for fast efficient design

Content:

– CSS notations

– CSS Stylesheets

– Inline CSS Styling

– Importing of Twitter Bootstrap into projects

– Using the different Bootstrap elements to achieve responsive and beautiful designs efficiently

– Begin on a “Personal Online Resume” project

After this module, students should be able to:

– Understand when to use arrays to store data.

– Write different loops to do CRUD on arrays.

6 Topic: Twitter Bootstrap II & Adding Icons

Objective:

Beautifying Bootstrap with themes, creating responsive designs and adding icons

Content:

– Understand the concept of theming, in order to achieve different designs.

– Understand different design paradigms, and what the current trending/upcoming ones are

– Learning about how icons and how to use them in designing for the web

– Using the FontAwesome to quickly apply icons to their pages

After this module, students should be able to:

– Understand how to use and apply CSS to their webpages

– Build a personal online resume with the use of elements from within the Bootstrap library

– Understand the concept of rows and columns in a HTML document, to achieve responsive design

7 Topic:

Cloud Deployment

Objective:

Learning how to upload their products online to a live online server

Content:

– How clients and servers work

– Choosing an internet solutions provider

– How to use the C-Panel Server Management Dashboard

– Deploying via FTP using FileZilla

After this module, students should be able to:

– Make use of existing themes for Bootstrap, and apply them for different types of web content.

– Understand the concepts of responsiveness

– Understand the difference between Flat, Skeuomorphic, Metro, Contemporary and Material design etc

8 Topic: Introduction to JQuery

Objective:

Using JQuery to manipulate HTML DOM Elements

Content:

– Learning how to run functions when the page loads

– Selectors for IDs, Classes and HTML tag elements

– Simple JQuery animations for hiding, showing, sliding up, sliding down of HTML elements

– Using JQuery to select text, html and values within a html page

After this module, students should be able to:

– Manipulate HTML Elements on a webpage

– Allow showing and hiding of elements

– Get values from HTML elements on a webpage

9 Topic: REST APIs

Objective:

Understanding what REST APIs are

Content:

– Understand what REST is, and to understand the most commonly used REST methods

– Understand why REST is used, and who/what can use REST

– Explore simple REST APIs to get feet wet

After this module, students should be able to:

– Understand when and why we use REST API. (Normally for data or for services which you can’t develop yourself)

– Understand how to read, and to use REST APIs.

– Understand the different REST Verbs and what they are used for.

– Understand the simplified version of what CRUD entails, in a REST API

10 Topic: Advanced REST concepts

Objective:

Using 3rd party REST APIs efficiently

Content:

– Understand how to use 3rd party REST APIs, which are no longer in a Sandboxed environment

– Using other tools like POSTMAN in order to explore these APIs.

– Students will begin building a weather widget in order to familiarise with the Read in CRUD

After this module, students should be able to:

– Be proficient in the exploring of 3rd party REST APIs.

– Be proficient in Reading of data from REST APIs.

– Be able to build a simple web component in the form of a weather widget, by making use of REST APIs

11 Topic:

Native Javascript Templating

Objective:

How to use Native JavaScript to apply templating to HTML5 pages

Content:

– Understand how to conduct simple JavaScript templating. Simplistic templating tools will be taught. (Native JavaScript templating will be taught, and not Handlebars or mustache)

– Students will build login and signup web components.

After this module, students should be able to:

– Understand the concept of JavaScript templating, and should understand that there are many templating libraries out there, and that templating is concept they should learn, and not to learn that library.

– Become more proficient in building web components.

12 Topic: Access Control and Front-end Web Development

Objective:

Understand how to use JQuery for DOM templating

Content:

– Learn how to build a login and register page

– Allowing users to communicate with a server to allow authentication

– What Localstorage is, and how to use LocalStorage in web browsers to store variables

– Building the frontend aspect of the to-do list webapp

After this module, students should be able to:

– Learn how different widgets tie in to build a holistic product.

– Understand the concept of data-driven widgets, and how data can be related. I.e. Accounts can have many Todo items etc.

– Understand how to manage sessions in JavaScript’s localStorage.

13 Topic: HTML Tables and To-do List WebApp

Objective:

Learning how HTML tables works and finishing their To do List Webapp

Content:

– HTML Tables and how to use them

– Learning how to build a feature that allows the webapp to create a To-Do entry (To-do List App)

– Learning how to build a feature that allows the webapp to show a (Display) To-Do entry (To-do List App)

Learning how to build a feature that allows the webapp to update a To-Do entry (To-do List App)

– Learning how to build a feature that allows the webapp to delete a To-Do entry (To-do List App)

After this module, students should be able to:

– Use HTML Tables in their web applications

– Use JQuery AJAX and native javascript templating to build features for web applications

14 Topic: Third Party Libraries & High Fidelity Prototyping

Objective:

Understand how to use HTML Tables. Understand how to do high fidelity prototyping when building projects

Content:

– HTML Table structure

– HTML Tables rows and data fields

– Understand how to do high fidelity prototyping before diving into coding when building a webapp

After this module, students should be able to:

– Build HTML Tables with ease

– Understand how to perform high fidelity prototyping before they go on to building a web application

15 Topic:

Front-end Development III

Objective:

Transform their High Fidelity Prototypes into working webapps

Content:

Developing the different front-end aspects of the expense tracker web application

– Adding an Expense

-Average Spending By Category

– Average Spending By Weekday

After this module, students should be able to:

– Transform their hand drawn prototypes into working MVPs with the technologies that they have learned thus far.

– Practice their debugging skills when applying what they have learned to a real project

16 Topic: Data Visualisation

Objective:

Implement Data Visualisations libraries to their web apps

Content:

-Learning what data visualisation if about

– Using a third party library, ChartJS

– Learning how to read documentation for third party libraries and building a custom feature on a webpage with that for a particular use case.

After this module, students should be able to:

– Read and understand technical documentation

–  Apply the documentation read in order to build a feature for their web application

17 Topic: Front-end Development IV

Objective:

To make the features of their expense tracker application workable by using REST endpoints to create, read, update and delete persistent data on their web applications

Content:

– Integration Development, linking their UI to calls to a rest server via AJAX

– Finish up all REST server calls with AJAX (Create, Read, Update, Delete)

– Integrating AJAX calls with Native JavaScript Templating

After this module, students should be able to:

– Allow inputs from their UI to interact with commands to interact with a backend server

– Create, fetch, update and delete data from the server via REST endpoints

18 Topic: Data Aggregation

Objective:

Apply their javascript competencies as algorithms in order to extract useful sets of information

Content:

– Datatables JS

– Revisiting ChartJS to understand the data output required

– Constructing an algorithm to aggregate data in order to accommodate for the required output needed by ChartJS using previous javascript competencies (if-else, arrays, loops etc)

After this module, students should be able to:

– Write simple algorithms to aggregate data

– Link aggregated data to external visualisation libraries

19 Topic: Final Project Deployment

Objective:

Review core concepts learnt, and learn how to deploy product to production environments

Content:

– Students will get the chance to deploy their products into production environments, and learn how to use configure environments effectively.

– Basic sysadmin will be taught, where we will be using Vodien’s web hosting services.

After this module, students should be able to:
20 Topic: Pitching Session

Objective:

Pitching and selling of product, and its unique selling points.

Content:

– Students will get the chance to deploy their products into production environments, and learn how to use configure environments effectively.

– Basic sysadmin will be taught, where we will be using Vodien’s web hosting services.

– Learn how to pitch and sell their products where they will be given time to formulate a pitch.

After this module, students should be able to:

– Understand basic sysadmin

– Learn how to pitch and sell their products to prospective clients.

– Be able to conduct a technical demo on what their products use. I.e. The REST APIs they use, as well as the UI libraries.

Facebook Comments

Additional information

Date

6th Jan 18 (Sat) 1pm – 3pm

Reviews

There are no reviews yet.

Be the First to Review “Web Development Level I (Beginner)”