Week 1 - Introduction | Prerequisites: HTML, CSS & JavaScript Basics
Week 2 - Workflow Tools | Code Editor | Version Control | JavaScript Essentials
Week 3 - Programming Principles: JavaScript Essentials
Week 4 - Programming Principles: JavaScript Essentials
Week 5 - Responsive Web Design | Front-End Frameworks: Bootstrap.js
Week 6 - Responsive Web Design | Front-End Frameworks: Bootstrap.js
Week 7 - Modular, Reusable User Interface Components | Front-End Frameworks: React.js
Week 8 - Modular, Reusable User Interface Components | Front-End Frameworks: React.js
Week 9 - Single Page Application | Data Exchange: JSON | Back-End Frameworks: Node.js and Express.js
Week 10 - Back-End Frameworks: Node.js and Express.js
Week 11 - Back-End Frameworks: Node.js and Express.js
Week 12 - Full Stack Development
Week 13 - Full Stack | Databases: MongoDB Development
Week 14 - Full Stack | Databases: MongoDB Development
Week 15 - Course Review | Term Project
Topics:
Demos:
Download: Handout | Step-by-Step
Topics:
Demos:
Download: Handout | Step-by-Step
Topics:
Download: Handout | Step-by-Step
Create automateGeocodePlaceMarker (geocoderUse, locIndex, locArray, mapToUse)
geocoderUse.geocode({'address': locObjUse.address},
function(results, status) {
if (status === 'OK') {
// assign geocode to locObj + specify map to use + place marker
// recursive function call only if locIndex + 1 < locArray.length
} else {
// Geocoder NOT OK because QUERY LIMIT triggered
setTimeout(function(){automateGeocodePlaceMarker and use locIndex)
https://www.w3schools.com/jsref/met_win_settimeout.asp
}
});Topics:
Demos:
Download: Handout | Step-by-Step
Create automateGeocodePlaceMarker(geocoderToUse, i);}
geocoderUse.geocode({'address': locObjUse.address},
function(results, status) {
if (status === 'OK') {
// assign geocode to locObj
// specify map to use based locObjUse.mapToUse
// place marker
} else {
setTimeout(function(){automateGeocodePlaceMarker and use locIndex)
https://www.w3schools.com/jsref/met_win_settimeout.asp
});
if (document.getElementById(currentLocation.category).checked) {
currentMarker.setMap(mapToUse);
} else { currentMarker.setMap(null); }1 Column => SPAN = 12
2 Column => SPAN = 6
3 Column => SPAN = 4
4 Column => SPAN = 3
6 Column =>SPAN = 2
12 Column => SPAN = 1
Topics:
Demos:
Download: Handout | Step-by-Step
Topics:
Download: Handout | Step-by-Step
Topics:
Download: Handout | Step-by-Step: Access via Files in Canvas in week8 folder
Topics:
Download: Handout | Step-by-Step: Access via Files in Canvas in week9 folder
Topics:
Download: Handout | Step-by-Step
Topics:
Demos:
Download: Handout | Step-by-Step
Topics:
Download: Handout
Topics:
Download: Handout