Welcome to UXC4 Project Folder
Course Assignments and Resources
Software Installs
MAMP is a free, local server environment that can be installed under macOS and Windows. Download
Atom text editor for PC/Mac Download
Alternatives
Marvel is perfect for individuals and teams of all sizes. Start for free.
- Repl.it gives you an instant IDE to learn, build, collaborate, and host all in one place.
- CodeSandbox is an online editor that helps you create web applications, from prototype to deployment.
- CodePen is a social development environment for front-end designers and developers.
- Photopea is a free online image editor, that runs without plugins. It can both read and save PSD files.
- CodeSandbox an online code editor
Browsers to Install
Google Chrome Download
Safari - Apple Download
Firefox browser Download
Firefox Quantum: Developer Edition Download
Opera browser Download
Microsoft Edge
HTML: Sample Code
HTML stands for Hypertext Markup Language and that it is the standard markup language for the creation of web pages.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Web Development 101</title>
</head>
<body>
<h1>Week One: HTML Sample Code</h1>
<p>This class is awesome!</p>
</body>
</html>
CSS: Sample Code
CSS stands for Cascading Style Sheets and it represents the design conventions that are applied to the display of HTML elements on screen, paper and other media
body {
background-color: powderblue;
}
h1 {
color: white;text-align: center;
}
p {
font-family: Verdana;font-size: 20px;
}
Resources
Test a website's performance
Create Github account and enable Github Pages
Keyboard shortcuts in Windows
Applies to: Windows 10 Windows 8.1 Windows 7
Mac keyboard shortcuts
By pressing certain key combinations, you can do things that normally need a mouse, trackpad, or other input device. Learn more
What is the revenue generation model for DuckDuckGo?
Alternatives
- Stock Images: https://www.pexels.com/search/google/ https://www.canva.com/photos/
- Text/Content: https://www.lipsum.com/
- Lorem Ipsum for photos: https://picsum.photos/
- Font: https://fonts.adobe.com/ https://fonts.google.com/ https://www.fontsquirrel.com/ https://fontawesome.com/start
Social Media
- Facebook - learn about social plugins, iframe, facebook developer and custom tabs
- Business Manager Instagram - learn how-to use images, embedding coding and share post on Facebook, Twitter and Tumblr
- Twitter Developer Publish and analyze Tweets, optimize ads, and create unique customer experience
- Tumblr - post multimedia, other content to a short-form blog and low budget web sites
- Pinterest - creating and marketing images on a smaller scale, GIFs and videos
- YouTube - how to manage YouTube content
- LinkedIn - professional networking
- Alignable The Small Business Network
README: Basic writing and formatting syntax
Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
Create sophisticated formatting for your prose and code on GitHub with simple syntax. Learn more
README: GitHub package
The github package brings Git and GitHub integration right inside Atom. Learn more