Apps Script & Angular JS Developer

• Work with other team members.

• Design and implement visually aesthetic user interfaces.

• Identify issues with front-end code and rectify them to remove bugs.

• Create unit tests to ensure code is functioning as expected.

• Create well-written documentation.

• Ensure front-end code is able to query APIs.

• Audit code to identify bottlenecks of performance and fix them.

HTML Topics

• Introduction - What is HTML?

• HTML Documents

• Structural Elements of HTML Documents

• Formatting HTML Documents

• Managing Images In HTML

• Tables In HTML Documents

• Hypertext And Link In HTML Documents

• Managing Forms  

CSS Topics:

• Introduction

• Syntax

• Selectors

• Color Background Cursor

• Text Fonts

• Lists Tables

• Box Modal

• Display Positioning

Resources:

• www.w3schools.com

Tasks

1. Build a Personal Site for yourself - Home Page, Education, Skills, Contact Pages

Refer the samples below (you are free to design)

2.Design a Survey Site - a website with multi-page forms to collect survey

Refer the samples below (you are free to design)

• Introduction to client-side scripting

• Data types

• JS Operators

  • Relational Operators

  • Logical Operators

• Control Statements

  • Conditional Statements,

  • Loops

  • Events

• JS Objects

• JS User-defined functions

• JS Document Object Model

• JS Browser Object Model

Resources:

• www.w3schools.com

Tasks

1. HTML and Javascript exercise

• Prepare an HTML page with two drop-down lists. The first list is for states and the second list is for districts

• When the user select the state of a country, the second list should automatically refresh with corresponding districts of the selected state. 

• The data for states and districts should come from JSON files or objects.

• Introduction to Angular JS

• Expressions & Bindings

• Major Angular components

• Models, scopes, views & templates

• Dependency injection

• ng model

• Controllers & $scope

• One-way data binding

• Two-way data binding

• Regular expression validators

• Error handling

Resources

• https://angularjs.org/

• Introduction to Angular JS material

• Button, Date picker, Text Field, Text Area, Tooltip

• List, Checkbox, Radio button

• Slider, Switch

• Card

• Tabs

• Toolbar

• Layout

• Child Alignment

• Services

Resources

• https://material.angularjs.org/latest/

Tasks

1. Build a personal website in AngularJS Material

•  Login Form - Email, password - dummy implementation

• Once the user logged in, show the name, image with a Button.

• Once the button is clicked it should show the user profile.

• Accept Name, Date of Birth (use Date Picker), social media profile(use buttons), Education & working details(use radio buttons), use tooltips, notes (Text Area) etc.

• Use a minimum of 10 AngularJS components.

• Introduction to Apps Script

• Apps Script dashboard

• Script projects

• Manifests

• Scopes

• Logging

• Standalone

• Types of scripts

• Web apps

• Menus, dialogs, sidebars

• User interfaces

• Templated HTML

• Create a serve HTML

• Client to server communication

• Script, user & document properties

Resources

• YouTube - saperis

• https://developers.google.com/apps-script/overview

Tasks

1. Google Sheets - Write a script to create a new Google  Sheet, create a sheet (tab), and insert 10 rows of data

2. Gmail - Write a script to send emails

3. Google Docs - Write a script to create new Google Doc and insert a text and image in the document

4. Google Slide - Write a script to create a new Google Slide and insert 10 slides with name, picture and city read from a Google Sheet

5. Gmail add-on: Write a new workspace add-on using card framework for Gmail to maintain to-do-list

Tasks:

1. Create a webpage using Apps Script & Angular JS

2. Create a table with CRUD operations

3. Data should store/ retrieve from Google Spreadsheet.