Girl Develop It is here to provide affordable and accessible programs to learn software through mentorship and hands-on instruction.
Some "rules"
Tell us about yourself!
#1 - Name, where you're from, why you're here.
#2 - Your favorite TV nerd.
HTML: Hyper Text Markup Language - The code structure used to convey the content of a web site
CSS: Cascading Style Sheets - A language used to describe the presentation of the content
WYSIWYG: What You See Is What You Get - A type of editing software meant to be used by those who don't know how to code
IDE: Integrated Development Environment - Software meant to support the entire development process, often including compilation for a server-side language
CMS: Content Management System - A program that allows publishing, editing, and modifying content as well as maintenance from a central interface
Open source: A program in which the source code is available to the general public for use and/or modification from its original design
API: Application Programming Interface - An easy-to-use interface or set of tools made available to access a complex application
IP Address: Internet Protocol Address - A unique address for a computer or a server. Some IP Addresses are only unique to the network they are on while others are completely unique
DNS: Domain Name Service - A directory that associates domain names with host IPs to allow users to connect to web sites via URLs
SEO: Search Engine Optimization - The process of increasing your web site's perceived value to search engine algorithms, raising its rank in search results
Web 2.0: Buzzword generally describing a trend towards interactivity, rich media, and social engagement in web design
The Cloud: Services and technology that offer remote storage, processing, or other functionality by way of the internet
Let's take a tour! A typical web site will live or is "hosted" on a web server. Web servers are often large computers connected to a network.
Photo credit computerroom085 cc
Each website has a unique code, called an IP address, that is like a phone number.
DNS, or Domain Name Servers, are like phone books. The DNS servers will connect you to the right server.
girldevelopit.com → 205.178.189.129
The server processes your request and finds the right files. Sometimes it has to "compile" a page from code and other sources, like a database.
This is usually an HTML page, with some CSS, JavaScript, or media files.
Your browser interprets the code and assembles all the files into a page you can see and use. Each browser does this slightly differently.
The simpliest type of request you can send is a "ping." It asks the server "are you there?"
Client-side:
Server-side:
Java:
JavaScript:
We all need to play by the same rules!
In general, this means a site should:
A user-friendly, well-architected site will:
That depends...
Let's edit a simple HTML page.
PHP
echo "Hello, world!";
Java
class HelloWorld {
static public void main( String args[] ) {
System.out.println( "Hello World!" );
}
}
Python
'Hello, world!'
Ruby
puts 'Hello, world!'
JavaScript
Not server-side, but just for example
document.writeln('Hello, World!');
To build your web site, you will probably need:
You will also need:
Remember the three Rs:
Girl Develop It BTV co-leaders:
Rachael Arnold and Maureen McElaney.