odongohcoder

#AJAX

What is AJAX

"AJAX an acronym for asynchronous JavaScript and XML is a group of interrelated web development techniques used on the client-side to create asynchronous web applications. With Ajax, web applications can send data to, and retrieve data from, a server asynchronously (in the background) without interfering with the display and behavior of the existing page. Data can be retrieved using the XMLHttpRequest object. Despite the name, the use of XML is not required (JSON is often used instead), and the requests do not need to be asynchronous." - wikipedia

AJAX with jQuery

jQuery provides a $.ajax() method with a set of options for sending requests and callback methods to handle responses.

Here is the most basic $.ajax() request that does not send any data. It will be handled by the post '/trips' route on the server. You can choose any of the http request verbs for the type parameter (get, post, put, delete)

Official Exam Links & Resources

The Exam Itself

Sublime Text 3 - Useful Shortcuts (Windows)

General

Shortcut	Description
`Ctrl`+`Shift`+`P`	command prompt
`Ctrl`+`Alt`+`P`	switch project
`Ctrl`+`P`	go to file
`Ctrl`+`G`	go to line

FWIW: I'm not the author of the content presented here (which is an outline from Edmond Lau's book). I've just copy-pasted it from somewhere over the Internet, but I cannot remember what exactly the original source is. I was also not able to find the author's name, so I cannot give him/her the proper credits.

Effective Engineer - Notes

By Edmond Lau
Highly Recommended 👍
http://www.theeffectiveengineer.com/

	import { NextResponse } from "next/server";

	import { getLowestPrice, getHighestPrice, getAveragePrice, getEmailNotifType } from "@/lib/utils";
	import { connectToDB } from "@/lib/mongoose";
	import Product from "@/lib/models/product.model";
	import { scrapeAmazonProduct } from "@/lib/scraper";
	import { generateEmailBody, sendEmail } from "@/lib/nodemailer";

	export const maxDuration = 300; // This function can run for a maximum of 300 seconds
	export const dynamic = "force-dynamic";

	import { alpha, makeStyles } from '@material-ui/core/styles';

	export default makeStyles((theme) => ({
	title: {
	display: 'none',
	[theme.breakpoints.up('sm')]: {
	display: 'block',
	},
	},
	search: {

	# Simple Snake Game in Python 3 for Beginners
	# By @TokyoEdTech

	import turtle
	import time
	import random

	delay = 0.1

	# Score

	# SNAKES GAME
	# Use ARROW KEYS to play, SPACE BAR for pausing/resuming and Esc Key for exiting

	import curses
	from curses import KEY_RIGHT, KEY_LEFT, KEY_UP, KEY_DOWN
	from random import randint


	curses.initscr()
	win = curses.newwin(20, 60, 0, 0)

	sass/
	\|
	\|– base/
	\| \|– _reset.scss # Reset/normalize
	\| \|– _typography.scss # Typography rules
	\| ... # Etc…
	\|
	\|– components/
	\| \|– _buttons.scss # Buttons
	\| \|– _carousel.scss # Carousel

	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,em,img,ins,q,s,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,nav,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
	html{height:100%;margin-bottom:1px;} /* always show scroll bar */

	/* =GLOBAL ELEMENTS
	--------------------------------------------------------------
	Vertical Rhythm: 18px vertical grid
	*/
	body {
	color:#222;
	font-family:"Helvetica Neue",Helvetica,Arial,"Liberation Sans","FreeSans",sans-serif;