Free Skool:Fall 2013 Web Dev: Difference between revisions

From Anarchy In Action
 
(21 intermediate revisions by 4 users not shown)
Line 11: Line 11:


== Time and Location ==
== Time and Location ==
Classes take place '''Tuesdays 6:30pm to 7:30pm''' EST, '''October 8, 15, 22, 29''' and '''November 5, 12, & 19''' at [https://bptfreeskool.org/locations/bpt-downtown-library/ Downtown Bridgeport Library, 925 Broad St]'''
Classes take place '''Tuesdays 6:30pm to 7:30pm''' EST, '''October 8, 15, 22, 29''' and '''November 5, 12, & 19''' at [https://bptfreeskool.org/locations/bridgeport-arcade-mall-993-main-st/ Arcade Mall, 993 Main St]'''


Optionally, after class sessions can be scheduled, preferably [https://duckduckgo.com/?q=barnum+publick+house+bridgeport+ct somewhere with beer and the Internet].
Optionally, after class sessions can be scheduled, preferably [https://duckduckgo.com/?q=barnum+publick+house+bridgeport+ct somewhere with beer and the Internet].
Line 32: Line 32:


== Apricot ==
== Apricot ==
* Current Title: '''Unoccupied'''
* Current Title: '''Girl Talk'''
* Location: [https://getlibre.org/farm/apricot https://getlibre.org/farm/apricot]
* Location: [https://getlibre.org/farm/apricot https://getlibre.org/farm/apricot]
* Author: None, please request this blog for yourself from [[User:Diggity|Sean O'Brien]] by e-mailing [mailto:sean@webio.me sean@webio.me]
* Author: Elaine Ward


== Banana ==
== Banana ==
Line 42: Line 42:


== Cherry ==
== Cherry ==
* Current Title: '''Unoccupied'''
* Current Title: '''Constructivism 101'''
* Location: [https://getlibre.org/farm/cherry https://getlibre.org/farm/cherry]
* Location: [https://getlibre.org/farm/cherry https://getlibre.org/farm/cherry]
* Author: None, please request this blog for yourself from [[User:Diggity|Sean O'Brien]] by e-mailing [mailto:sean@webio.me sean@webio.me]
* Author: Rick Perez esistence@hotmail.com


== Date ==
== Date ==
Line 52: Line 52:


== Eggplant ==
== Eggplant ==
* Current Title: '''Unoccupied'''
* Current Title: '''Eggplant City'''
* Location: [https://getlibre.org/farm/eggplant https://getlibre.org/farm/eggplant]
* Location: [https://getlibre.org/farm/eggplant https://getlibre.org/farm/eggplant]
* Author: None, please request this blog for yourself from [[User:Diggity|Sean O'Brien]] by e-mailing [mailto:sean@webio.me sean@webio.me]
* Author: Davey


== Fig ==
== Fig ==
Line 80: Line 80:
* Get started with [https://en.wikipedia.org/wiki/HTML HTML] and [https://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS] samples and the live code editor at [http://www.w3schools.com/html W3Schools].
* Get started with [https://en.wikipedia.org/wiki/HTML HTML] and [https://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS] samples and the live code editor at [http://www.w3schools.com/html W3Schools].
* Video Tutorial: [https://www.youtube.com/watch?v=v4oN4DuR7YU tutor4u at YouTube]
* Video Tutorial: [https://www.youtube.com/watch?v=v4oN4DuR7YU tutor4u at YouTube]
* For a great code editor in Windows, try out [http://www.notepad-plus-plus.org Notepad++].
* For a great code editor in Windows, try out [http://www.notepad-plus-plus.org Notepad++]
* For a great code editor in Mac OSX, try out [http://www.peterborgapps.com/smultron/ Smultron]


=== WordPress Blogs ===
=== WordPress Blogs ===
* We set up custom [https://wordpress.org WordPress] instances for everyone. See [[Free_Skool:Spring_2013#Class Blogs|check the list]] and add your information.  If you need a WordPress instance (blog), please contact [mailto:sean@webio.me sean@webio.me].
* We set up custom [https://wordpress.org WordPress] instances for everyone. If you need a WordPress instance (blog), please contact [mailto:sean@webio.me sean@webio.me].
 
=== Freedom Tips ===
=== Freedom Tips ===
# Install [http://getfirefox.org Firefox] with the [https://addons.mozilla.org/en-US/firefox/addon/web-developer/ Web Developer extension].
# Install [http://getfirefox.org Firefox] with the [https://addons.mozilla.org/en-US/firefox/addon/web-developer/ Web Developer extension].
Line 89: Line 91:


== Sessions 2 & 3 ==
== Sessions 2 & 3 ==
'''October 15, 2013'''
'''October 15 & 22, 2013'''
=== Set Up our environment ===
 
* Double-check that everyone is signed up for the [http://lists.bptfreeskool.org/listinfo.cgi/participants-bptfreeskool.org participants mailing list] and has an account on [[Special:RequestAccount|this wiki]].
=== Set Up Our Environment ===
* Make sure we know what hardware, operating systems, and Web browsers we're dealing with.
* Double-check that everyone is signed up for the [http://lists.bptfreeskool.org/listinfo.cgi/participants-bptfreeskool.org participants mailing list], has an account on [[Special:RequestAccount|this wiki]], and knows where the [[Help:Contents|wiki help]] is.
* Quick survey of the hardware, operating systems, and Web browsers we're working with.
* If we can, [[Libre_Recommendations#Web_Browsers|get Firefox installed]] with at least the [https://addons.mozilla.org/en-US/firefox/addon/web-developer/ Web Developer extension].
* If we can, [[Libre_Recommendations#Web_Browsers|get Firefox installed]] with at least the [https://addons.mozilla.org/en-US/firefox/addon/web-developer/ Web Developer extension].
* If we can, get each user a decent [https://getlibre.org/wiki/index.php?title=Libre_Recommendations#Code_.26_Text_Editors text editor].
* If we can, get each user a decent [https://getlibre.org/wiki/index.php?title=Libre_Recommendations#Code_.26_Text_Editors text editor].


=== Recap ===
=== Recap ===
* Quick overview of how to view source in Firefox, what the Web Developer extension does.
* [http://www.wikihow.com/View-Source-Code-in-Firefox How to view source in Firefox], what the Web Developer extension does.
* Why we don't need/want Dreamweaver and other WYSIWYG editors for this class.
* Why we don't need/want Dreamweaver and other WYSIWYG editors for this class.
* Point participants to the [[Primer for Web Developers]] again.
* Point participants to the [[Primer for Web Developers]] again.
* Questions?
* Questions?
=== Freedom Tips ===
# Install a [https://addons.mozilla.org/en-US/firefox/user/duckduckgo/?src=api search plugin] that doesn't spy on you ([http://donttrack.us/ like Google does]).
# [https://duckduckgo.com DuckDuckGo] is the safest way to search, even on [https://play.google.com/store/apps/details?id=com.duckduckgo.mobile.android your phone].  [https://duckduckgo.com/bang.html Learn to use "bangs"] such as !yt for YouTube, !g for Google, !gi for Google Images, and !gm for Google Maps.
== Sessions 4 & 5 ==
{| cellspacing="0" cellpadding="10" border="1" class="wikitable" style="padding-top:25px;padding-bottom:25px;color:#f00;"
|-
| '''Note:''' We're skipping a session, Nov 5th, to direct our energy toward the [http://bridgeport-art-trail.org/ Bridgeport Art Trail] instead.
|}
'''October 29 & November 12, 2013'''


=== Dive Into WordPress ===
=== Dive Into WordPress ===
Line 108: Line 124:


=== Freedom Tips ===
=== Freedom Tips ===
# Install a [https://addons.mozilla.org/en-US/firefox/user/duckduckgo/?src=api search plugin] that doesn't spy on you ([http://donttrack.us/ like Google does]).
# Want to know more about the dominant Web technologies? Ever wonder how many people use WordPress or JavaScript in their websites? Check out [http://w3techs.com W3Techs].
# [https://duckduckgo.com DuckDuckGo] is the safest way to search, even on [https://play.google.com/store/apps/details?id=com.duckduckgo.mobile.android your phone]. [https://duckduckgo.com/bang.html Learn to use "bangs"] such as !yt for YouTube, !g for Google, !gi for Google Images, and !gm for Google Maps.
# The gratis and libre [http://wordpress.org/themes/ themes on WordPress.org] not your cup of teaCheck out [https://creativemarket.com/themes/wordpress Creative Market] for paid (and some gratis) themes.  Everything there is libre, and there are also tons of graphics, fonts, etc.


= Class Materials =
= Class Materials =

Latest revision as of 14:33, 7 November 2013

Note: When editing, please sign entries with ~~~~ or click Toolbar-signature.png in the WikiEditor. This will add your username and the time/date.

Bridgeport Free Skool Web Development class

  • The focus of this class will be Web development with WordPress.
  • Each participant has a WordPress instance created for them, and we dig in. A secondary focus will be basic HTML and CSS editing, so that participants will better understand the underlying nature of Web pages.
  • We'll need a quick overview of wiki editing as well, so that we can use this wiki for collaboration.
  • Finally, the facilitators will hammer home the importance of freedom, openness, and the role of FOSS (free/open-source software) in building and maintaining a free Web.

Time and Location

Classes take place Tuesdays 6:30pm to 7:30pm EST, October 8, 15, 22, 29 and November 5, 12, & 19 at Arcade Mall, 993 Main St

Optionally, after class sessions can be scheduled, preferably somewhere with beer and the Internet.

Signing Up

Sign up on the Bpt Free Skool website (there's a simple form at the bottom of the page for each class). You can also just contact the facilitator (listed below) directly, or just show up. Classes are typically 3-8 people, but we have room for (maybe) 12 people and will try to make computers available for participants upon request.

Facilitator

Sean "Diggity" O'Brien

me@seandiggity.com or sean@webio.me

Participants

  • List will go here, if you want your name published!
  • Please consider joining Foojbook, which will make communication much smoother.

Class Blogs

Check out our blog "farm"!

Apricot

Banana

Cherry

Date

Eggplant

Fig

Grape

Class Outline

Open House Presentation

October 1, 2013

FOSS Overview

Session 1

October 8, 2013

Quick Overview of HTML and CSS

WordPress Blogs

  • We set up custom WordPress instances for everyone. If you need a WordPress instance (blog), please contact sean@webio.me.

Freedom Tips

  1. Install Firefox with the Web Developer extension.
  2. While you're at it, why not block ads and browse the Web more securely?

Sessions 2 & 3

October 15 & 22, 2013

Set Up Our Environment

Recap

Freedom Tips

  1. Install a search plugin that doesn't spy on you (like Google does).
  2. DuckDuckGo is the safest way to search, even on your phone. Learn to use "bangs" such as !yt for YouTube, !g for Google, !gi for Google Images, and !gm for Google Maps.

Sessions 4 & 5

Note: We're skipping a session, Nov 5th, to direct our energy toward the Bridgeport Art Trail instead.

October 29 & November 12, 2013

Dive Into WordPress

  • Overview of WordPress features, with an emphasis on the basic setup.
  • Get each of our "farm" class blogs set up (fill in the basic config, install already done).
  • See our WordPress Basics.

Freedom Tips

  1. Want to know more about the dominant Web technologies? Ever wonder how many people use WordPress or JavaScript in their websites? Check out W3Techs.
  2. The gratis and libre themes on WordPress.org not your cup of tea? Check out Creative Market for paid (and some gratis) themes. Everything there is libre, and there are also tons of graphics, fonts, etc.

Class Materials

Did you know you can "roll your own" PDF from any page(s) of this site by clicking Print/export > Download as PDF in the sidebar?

More Resources

  • Links to all kinds of cool (and helpful!) stuff.

Software Recommendations

Videos

Readings

Recommended Web Hosts

Wiki Editing Help

Tips on editing this wiki.