Web Technologies

IDE / Editors

1. VS Code
   • Visual Studio Code
   • Recommended extensions: Prettier, Live Server, W3C Web Validator by Celian Riboulet, ESLint (Microsoft), Live Preview (Microsoft)
   • You can comment/uncomment a line by using Ctrl and forward slash
   • Setting autosave - select wheel (bottom left), Settings, under Files: Auto Save select afterDelay
2. https://www.jetbrains.com/webstorm/ (JavaScript IDE)

HTML

• HTML Tags List (alphabetical order)
• HTML Tags List (by category)
• HTML Cheat Sheet
• HTML Formatter
• https://validator.w3.org/#validate_by_uri (HTML Validator)
• HTML Validator
• HTML5 Tutorial (https://www.tutorialspoint.com/html5/

CSS

• Learn CSS Layout
• http://lesscss.org/

Browser Refresh

• Hard Refresh/Hard Reload - clears browser cache for a specific page, forcing a loading of a most recent version of the page. Note: “Refresh” arrow on your browser address bar is not a hard refresh
  • Windows - hold down Ctrl, Shift, and press R
  • Mac - hold down Cmd, Shift and press R
• Soft Refresh - reloads page from the cache

Chrome

• To clear your cache (in particular when dealing with CSS), you use the Clear Cache Extension. After installing it, the only option you need to set to have CSS data cleared is "History". Right-click on the extension to find "Options."

CMSC335 Review Guides (Created by Rishabh Baral (Former CMSC335 Student))

Notice that the material covered by your actual exam may not correspond to the material covered by the guides below.

• CMSC335 Exam #1 Review Guide
• CMSC335 Exam #2 Review Guide
• CMSC335 Exam #3 Review Guide

XAMPP(Apache, MySql, and PHP)

• XAMPP for Linux, Windows, Mac OS X, Solaris

Node.js

• https://nodejs.org/

Lorem Ipsum/Picsum

• https://www.lipsum.com/ (Lorem Ipsum)
• https://picsum.photos/ (Lorem Picsum)

YouTube Resources

• Web Dev Simplified (From No Stack to Full Stack)
• Kevin Powell's Channel (CSS)

Markdown

• Markdown to HTML
• Markdown Editor (https://www.marktext.cc/)

Forms

• Forms Example

Online Tools

• https://caniuse.com/ (Information about features you can use in different browsers)

JSON Resources

• https://jsonformatter.org/
• https://jsonlint.com/

MongoDB

• MongoDB Information

API Clients

• Insomnia (API Client and Design Tool)
• Postman App Note: to issue requests you also need to download the Postman's Desktop Agent. You will find a link to the agent after attempting a request as shown in the following image usePostmanDesktopAgent
• Bruno (https://www.usebruno.com/)

Color

• Color Palette Generator
• Color Picker Tool
• http://www.colorhunt.co/
• https://encycolorpedia.com/

Device Emulators(check page on iphone, ipad, etc.)

• http://quirktools.com/screenfly/

Hosting

• GitHub
• https://www.namecheap.com/, Additional Info
• http://www.hostmonster.com/
• Terpconnect

JavaScript

• MDN Web Docs (Excellent Source of Information)
• JavaScript Reference
• JavaScript Debugging
• JavaScript Debugging Tools
• https://javascript30.com/
• https://www.freecodecamp.org/
• http://exploringjs.com/es6/
• The Modern JavaScript Tutorial
• JavaScript Beautifier
• ECMAScript 2015 Language Specification
• Babel (JavaScript Compiler)
• A Plain English Guide to JavaScript Prototypes
• Await and Async Explained with Diagrams and Examples
• HTML5 FileReader API
• JavaScript Promises: A Tutorial with Examples
• JavaScript Hoisting
• Philip Roberts: What the heck is the event loop anyway? | JSConf EU 2014
  Tool:Animation
• http://jsbeautifier.org/ (HTML/JS Beautifier (indentation, etc.))

Bootstrap

• https://getbootstrap.com/
• https://icons.getbootstrap.com/ (Icons)

Fonts

• Google Fonts API
• https://fontawesome.com/
• Responsive Web Design (Google)

AWS

• How to setup an AWS database for your group project

APIs

• https://apigee.com/providers
• (https://apigee.com/console) API Console
• UMD API (https://beta.umd.io/)

Online Payments

• https://developer.wepay.com/
• https://stripe.com/

Game Development

• Programming Guide for Video-Programmers

PHP References

• PHP Net → http://www.php.net/
• PHP Manual → http://www.php.net/manual/en/
• PHP Function Index→ http://www.php.net/manual/en/indexes.php
• PHP Tutorials → http://www.thescripts.com/serversidescripting/php/index.html
• W3schools.com PHP Tutorial → http://www.w3schools.com/php/default.asp
• Onlamp → http://www.onlamp.com/
• http://www.phptherightway.com/
• PHP_SELF exploits
• How to Create a Secure Login Script in PHP and MySQL
• https://meekro.com/quickstart.php (the simple php mysql library)
• Getting Started on Heroku with PHP
• Getting Started with Laravel

Other

• https://hypermedia.systems/ (Hypermedia Systems)
• Regular Expressions (https://github.com/aloisdg/awesome-regex)
• Regular Expressions (https://regexr.com/)
• Colleges Web Development
• Safari Books Online
• Tiny URL
• Free Web Design Templates
• Favicon Generator
• https://examplewebpresence.wordpress.com/
• https://bitbucket.org/ (Git solution for professional teams)
• http://www.oswd.org/ (Open Source Web Design)
• sqlReview.pdf
• Free Certificates
• Building HTML email
• Wireframing Tool
• http://pencil.evolus.vn/ → GUI Prototyping Tool
• https://proto.io/ → GUI Prototyping Tool (Creates Operational GUI Protototype)
• git tutorial
• How Web Servers Work
• Speedometer
• https://www.nexcess.net/web-tools/
• Docker Intro (YouTube Video)
• Mime Types
• HTTP Response Status Codes

Videos

• IP Addresses Explained: Networking Basics
• Nginx
• What is a Proxy Server?

Revalidate link is revalidate page.
Web Accessibility