This is the P2PU Archive. If you want the current site, go to www.p2pu.org!
P2PU has moved to a new home - please go to p2pu.org to see our current courses.
Here's a selection of completed courses previously run on this site:
Course Name | Organiser | Course Status |
---|---|---|
Alt Text & Universal DesignHow does a screen reader "read" a website? How do you add captions to web videos? What's Universal Design? Go to the course page We'll review the basics of Web accessibility as they relate to users who are blind and have low vision. We'll test drive screen readers to see what they do well and what really trips them up. Then we'll dive into creating meaningful image descriptions for people who are blind, including complex images like charts, graphs, tables and illustrations. We'll discuss what makes good alt text, when to leave @alt empty, and when to go way beyond @alt with @longdesc and other methods. There will be lots of opportunity to write and review image descriptions. We will discuss how people who are blind and visually impaired gather information about the visual world and how this understanding can help you create image description appropriate for the intended audience, whether it's young children, high-school students or marine biologists. In addition, we'll talk about the ways in which good description practices can do more than satisfy an accessibility-compliance checkbox. We'll also review lots of free resources available through NCAM, WebAIM and other organizations that will be of help after the course is over. Finally, we will discuss the future of universal design and image description in light of changes coming to DAISY, ePub and HTML 5, as well as the work of the DIAGRAM Center, which is dedicated to rapidly increasing the availability of high-quality image descriptions through improvements to authoring tools and digital readers. |
Bryan Gould | Completed |
AppceleratorHow to create mobile applications with Javascript, Html and Css | Comeback Kid | Archived |
Beginning Game Development with HTML 5Use Javascript and HTML 5 to make a multiplayer game you can play with your friends in any browser. Go to the course page I have moved this course page to the new P2PU website. If you are interested, please follow me there. Thanks! |
Jono Xia | Archived |
Beginning Python WebservicesWant to learn about the protocol that runs the web (HTTP) and how to make web services with Python? #webcraft #p2pu Go to the course page Python (http://www.python.org) is a powerful, high-level programming language that is easy to learn and easy to make highly customizable web-sites and play with web technologies. While for many enterprise-class sites, a complicated stack of technologies and integrated web frameworks may be required to achieve complex goals, using python and WebOb (http://pythonpaste.org/webob/) -- a basic request/response object -- allows a first-principles approach to understand the HTTP protocol and making a wide variety of web sites in a flexible manner. The course will center on using python and associated technologies to explore how HTTP and HTML works. Only the basics will be covered, but this should be enough to point newcomers with the predisposition towards making and debugging more complex sites. Students will create web services that include hosting static content, persisting data using the filesystem, middleware, generating dynamic server responses, and using a template language (genshi). The basics of REST and good architecture will be introduced covering the basics of how to view programming and good architectural design. From https://wiki.mozilla.org/Drumbeat/p2pu/courses/pythonwebservices Course material: |
Jeff Hammel | Completed |
Creating a Firefox ExtensionDiscover resources and collaborate to create a Firefox Sidebar-type extension Go to the course page A group in the Office of Assessment and Innovation at Washington State University has been experimenting with an idea we called "Harvesting Gradebook" and how it could be use by classes to get feedback from authentic communities. We've expanded the idea to "Peer Review the Web" a means for learners to solicit feedback on any webpage. We made a couple mockups for a competition (one uses Google Sidewiki), and are offering this course to co-learn about creating extensions and in particular our application. This course will be structured as a collaborative exploration. How do you learn best? How do you get feedback to advance your learning? Understanding these questions can help you in your learning, it can also help you critique the application we are exploring -- and will be the basis for our learning strategy together. Key thinker: John Seely Brown. Key reading (give you a flavor of our thinking and who we read) Beyond the University |
Nils Peterson | Archived |
Designers Tackling the WebYou're a smokin' designer... but web pages, how do they work? Tackle the Web. Learn basic HTML and CSS #webcraft #p2pu Go to the course page Learn the basic steps of how to take gorgeous visual designs and translate them onto the web. The technical details of building a webpage or web application will be covered from HTML, CSS, different image formats, FTP, etc. We'll peel back the skin and learn how to create the bones of a solid webpage. We'll layer on fat and muscle with web standards. We will reanimate your design, it's alive... alive! We will cover common gotchas like translating your design into foreign languages, dynamic content, and other issues that great web designers have to understand when creating mockups and page designs. |
Austin King | Completed |
Designing For CommunitiesDesign Thinking When Designing Online Communities Go to the course page Are you a Web developper, a Business man, a Designer, a Project Manager and are currently working on an Online Community? Are you building/thinking people's interactions, understanding what to do when users are misbehaving and need advice and guidelines? This course is for you. It will help you adopt some basic design thinking to help you understand the structure of a community, the basic interactions between people, and the dynamic and tips for how to increase length of stay and other activities that could help sustain the community. We will cover the basic understanding of communities using metaphors with the real world and offline communities. Draw some conclusions, prepare a set of questions to ask ourselves before building an online community. Setting people's goals, rewards and motivation. Setting business goals clearly. Setting branding goals. You will walk out of this course with a guide you will have built yourself that will help you doing a great job. |
celine semaan vernon | Completed |
Dive into PythonThis course closely follows Mark Pilgrim's "Dive into Python" book, and is designed for experienced programmers. Go to the course page This course is based on the book Dive into Python by Mark Pilgrim and is freely available. You can either choose to download the .zip file containing the .pdf and associated files, or you can read the book online. Please note for non-native speakers of English that the book may have been translated into your native language. Dive into Python is meeting on the forums only. |
M. Volz | Completed |
Django & Javascript for subtitling videoWant to improve your knowledge of Django and JavaScript on Universal Subtitles, an open source project to subtitle the world's videos? Go to the course page This course offers web developers an opportunity to improve their knowledge of web development in Django and JavaScript, by participating in a non-profit, free and open source project that's creating a space for collaboratively subtitling the world's videos: Universal Subtitles. Participants will be stepping into the middle of a development process with a 6 person team that's building: 1) a Django community site for collaboratively subtitling video and 2) a javascript widget for adding subtitles and translations to videos, based on Google Closure. You will work with us to choose tickets that offer the right level of challenge and/or require knowledge you'd like to acquire. We can offer you pointers as you take on these tickets (e.g. links to resources, keywords to google, or an outline of how we'd approach the problem) and you can accompany your commits through our QA process and release to the production site. The successful work you do in this course will benefit a non-profit free software project working to break down language barriers and make the internet more open and accessible. The universalsubtitles.org site is already home to hundreds of translations and thousands of submitted videos seeking translation, it's maintained by the non-profit Participatory Culture Foundation, and all code is available under an AGPL free software license. Course meeting will take place asynchronously on a google group, to be created when we have a group of successful applicants, and on our main development list. |
Holmes Wilson | Archived |
Drupal Social Web ApplicationLearn to use Drupal to build a social web app that lets users collaborate on projects and ideas. #webcraft #p2pu Go to the course page A thread about Open Hippel was started on Groups.Drupal.org back in April 2010 - http://groups.drupal.org/node/59918#comment-248839 Course summary also on https://wiki.mozilla.org/Drumbeat/p2pu/courses/socialwebdrupal
So far, TEDxTokyo Innovators Hub and K. International School are two of our biggest supporters, and Keio University had made it an official school project, which means students can be credited for working on it! My plan is to open the development of this Open Hippel platform up as a course. We'll have hands on development classes, (we need some Drupal gurus from Acquia to help out on this!) The course work will be documented and with the help of Keio students, translated into Japanese. By the end of the course, the whole "book" will be available online under CC license. In learning, it is far better to have a project that is real and has impact on the real world! Just like Stanford's project on Extreme Affordability products, students are far more engaged when they're working on real world projects. I think Open Hippel can similarly be that engaging project at P2PU. |
Nicholas Wang | Completed |
Embed External Content In P2PU PagesThis is just a course to demonstrate embedding of content within P2PU course pages. Go to the course page Please see the Course Documents for examples of embedding various external content within P2PU course pages. There is no registration, signup task or syllabus for this course as it is just a demonstrion. However, feel free to add comments to this page or contact me using my contact form if you have questions or feedback. This feature should be available to course organizers and admins. |
Dan Diebolt | Archived |
Experiencias web con html5No construyas aplicaciones web , crea experiencias web con html5 Go to the course page
Presentacion
material course (works,lectures and code demos)released under CC. : )go inside html5 webcraft.giweb.org pass: p2pu (only in spanish).
La nueva generación de navegadores web trae consigo una gran cantidad de nuevas características que abre las posibilidades del desarrollador y diseñador web. Nuevas propiedades para nuestras hojas de estilos, transiciones css, audio, video , relocalización, sockets , las extraordinarias bases de datos locales, los nuevos motores de javascript, y posibilidades ilimitadas en cuanto a gráficos en nuestro navegador; cambiaran la forma en que interactuamos con la web.
En la época en que vivimos sin limitaciones de ancho de banda y recursos físicos, el front-end de nuestra aplicación a mi parecer y dependiendo el enfoque de nuestra aplicación (para los escépticos), es tan importante como un gran back-end, es decir, las aplicaciones que tanto usamos actualmente tienen una lógica de presentación tan compleja que hace gran parte de la magia. Encaminémonos en este mundo tan interesante donde tendré el honor de guiar a personas enfocadas y con animo de aprender e investigar en nuevas tecnologías para nuestro bien y el de nuestra sociedad. |
dany bautista | Completed |
From GIMP to xHTML and CSSCreate a website in xHTML and css: make a design in GIMP, slice it, code it. Go to the course page
Contents
|
Wouter Cox | Completed |
HTML & CSS from the beginning.Not quite sure how to make HTML & CSS work like you want it to? Fix that with this course. Go to the course page Brand new to HTML & CSS and can't quite get it do what you want it to? This course will help you change that. We'll start at the very beginning, covering the important things you need to know before you dive deeper into the wholesome world of crafting beautiful web pages. Please note that the course is currently full for May 2011. If you would like to join the September 2011 intake add your name to the waiting list > http://jmcrl.com/fjdpz |
Jamie Curle | Completed |
HTML5Is HTML5 more than "just HTML" and can I actually use it to create a website today? #webcraft #p2pu Go to the course page
As reporters, analysts and programmers the participants will take part in the ongoing "HTML5 Browser Tournament" and create a report (website) on the state of HTML5 implementation at the time of Fall 2010. Themes we plan to cover:
We therefore will use technologies like HTML (of course!), CSS3, SVG and JavaScript. |
Dennis Riedel | Completed |
Interactive Open Video with PopcornJoin hackers and filmmakers in re-inventing video on the web - http://new.p2pu.org/en-US/groups/interactive-open-video-with-popcornjs Go to the course page Whether you're a developer, a video blogger, or a frequent visitor to YouTube, open video is a compelling new technology. This course helps you break into the WebMadeMovies and Popcorn.js projects.
|
Nick Doiron | Archived |
Intro to Design and UsabilityWhy is web design important? What is Usability and what does it mean to my site design? Go to the course page
This is a basic introduction to usability and design fundamentals for absolute beginners. Designing for the web is all about presenting your content so it works best within a relatively fixed environment, such as an HTML/CSS document, and usability is all about making it work well for users who have fairly fixed expectations of how to navigate a website, so they enjoy using your site and stay to use your content.
The goal of this course is to get you thinking about design from the point of view of the audience, not the designer, and not the client. The focus of this class will be on understanding design and introductory usability concepts for people who already have some very basic HTML skills. We will look at what constitutes typical user behavior; eye tracking and how designing to typical behavior means certain layouts are more usable; why contrast, text sizes, type styles, choice of graphic elements, and color choice are important; and a basic overview of what user experience is and why it's important for any page. We will also cover what copyright means to you as a designer and where to get images and content legally, as well as looking at freely available online tools. We will be using the publicly available work of Vincent Flanders and Jakob Neilsen as our main resources.
Copyright vs. creative commons resources: |
B. Maura Townsend | Completed |
Introduction to Contributing to LernantaLearn how to contribute to the open source project that powers the new #P2PU. #opensource #python #django Go to the course page This is an introduction to contributing to the open source platform that P2PU runs on: Lernanta. Lernanta is based on (also referred to as a fork of) Mozilla's Batucada project and is a Python/Django web application whose code is on GitHub. We'll walk through the whole process together from getting the code, running it locally, finding a bug to fix, fixing the bug, and contributing the fix to the Lernanta project. This activity will be occuring on the new P2PU site: http://new.p2pu.org/en/groups/introduction-to-contributing-to-lernata/ Please sign up or follow there! |
Jessica Ledbetter | Completed |
Introduction to DrupalThis is a pilot test of a Self-study Course: Introduction to Drupal. Admissions are closed for the testing phase. Go to the course page Summary: Free 6 week self-study course to learn about Drupal. Week- by-week emails to help motivate you and organize your learning experience. Think of it as a book-club for free learning materials about Drupal. Acknowledgements What is this course about? Problem: What is Drupal? What can it do? Drupal is peculiar, the features which make it powerful and different from other systems, also make it difficult to grasp. There are excellent resources out there, but a novice user can get google-itis from searching through material which isn’t at the right level, shows out dated practices, or is not up to date. This course will be a self-study introduction to take people on a rolling basis through the course. How it works: Each week, you login to the site which contains 2-3 hours of selected self-study videos, tutorials and materials to work through. You will also get access to a recorded webinar* discuss the materials. Login to P2PU.org to discuss each weeks materials with fellow students. Acquia partner Web Enabled are offering a push-button hosting environment as an option for new users to learn on and try out some advanced features of Drupal. * The first time it is run, a LIVE webinar is held so guest guides can answer learner questions- “What kinds of problems and questions did they find?” to talk about that weeks learning materials. These are recorded, and when students work through the course later, they watch the recorded webinars. Each week:
|
Heather James | Completed |
Introduction to PHPAre you ready to take the leap from static pages to dynamic content generation? Go to the course page
"If you threw a dart at a wall filled with the top websites from around the world, chances are excellent you'd hit one using PHP."
This is a quote from a favorite XtraNormal video of mine. And, although I think many would find large chunks of the video to be objectionable, the statement above rings largely true. PHP tends to get picked on from time to time (Ruby on Rails, I'm looking at you), but for all the negative press, PHP has proven itself time and time again for the greater part of the last decade. PHP developers are widely sought after, and some knowledge of PHP is nowdays an essential tool for any aspiring web developer. This course is about programming in PHP. It's about exploring PHP's strengths and its flaws. It's about why PHP has remained remarkably resilient, while many web application frameworks have come and gone in the time it's taken PHP to become and remain a major web scripting language. It's about learning to leverage the tool that is the PHP language, so that you build the website you've been dreaming about. Topics Covered: PHP Programming Fundamentals, Dynamic Webpage Content Generation, Best Practices for PHP Server Programming Target Skills: 1) design and implementation of simple dynamic webpages using PHP, 2) utilization basic PHP programming structures, 3) basic tenets of good PHP application design, and 4) the basic components of PHP web security Course Timeframe: 1) January 26 - April 6 (10 Weeks), 2) 1 one-hour weekly meeting (chat-based) (exact time TBD, based on participant and coordinator availability) 3) the one-hour weekly meeting may or may not include small group assignments (voice conference chat, Skype, when available) (If you do not have a mic or high speed internet connection, do not worry! Your small group will accommodate you!) 4) approximately 1-2 hours of readings and programming assignments scheduled per week |
Matthew Buscemi | Completed |
Introduction to Ruby and RailsLooking for a web framework that's optimized for programmer happiness and sustainable productivity? Learn Ruby and Rails! #webcraft #p2pu Go to the course page Ruby is a fascinating object-oriented language suited for many purposes. Rails is a popular web framework for Ruby. This course will introduce the Ruby programming language, focusing on those features and concepts that will be important when developing web-based, database-backed Rails applications. Course participants will learn with freely available web resources and by completing small assignments. Participants will also create a simple web application individually or in small groups. Because this course will cover a lot of ground, it will be completed over 10 weeks. |
Andy Lindeman | Completed |
Javascript 1-2-3Qué puedo y qué no puedo lograr con #javascript en la web de hoy. Qué debería saber y qué sería mejor no hacer. #webcraft #mozilla Go to the course page ECMAScript (más conocido como Javascript) es el lenguaje de programación interpretado de manera nativa por los navegadores de Internet (browsers) y se ha convertido en un elemento indispensable del desarrollo de sitios web. En este curso aprenderemos las bases, la sintaxis y las principales construcciones del lenguaje, su interacción con la ventana del navegador y con el documento HTML, o más específicamente, con el Modelo de Objeto del Documento (Document Object Model o simplemente DOM). Esto constituirá la base para avanzar posteriormente a las complicaciones adicionales que introduce su empleo para hacer actualizaciones asíncronas de las páginas web (lo que también se conoce comúnmente como AJAX). |
David Suárez | Completed |
Javascript 101***THIS COURSE IS NOW RUNNING ON http://new.p2pu.org/en/groups/javascript-101/ Go to the course page
The basic process of learning and participation will be as follows:
|
Maya Incaand | Archived |
Javascript: 101This course will cover basic concepts of Javascript programming and the DOM (document object model) Go to the course page Update: We have created a course website to organize this course over the next 6 weeks. Javascript began as a language to program web pages, but now it has become much more than that. There are server side frameworks for creating entire applications in Javascript, and testing frameworks which allow us to write scripts in Javascripts, and the original intent of creating dynamic web pages with Javascript as well. The course content will consist of a series of video talks delivered by Douglas Crockford on Javascript programming. I have orgamized these videos in the form of a course on this website. The basic process of learning and participation will be as follows: The blog posts and assignments uploaded on open source repositories will become your "proof of learning". Course Schedule: Week 1:
Week 2 Week 3 Week 4
Week 5
Week 6
|
Parag Shah | Completed |
jQuery - The fundamentalsA beginners course on jQuery, with a look at AJAX and plugin development. Go to the course page This course has been recreated at the new P2PU site.
You will be able to follow this group.
http://new.p2pu.org/en/groups/jquery-the-fundamentals/ jQuery is fast becoming a must-have skill for front-end developers and for those who have decided to learn the language but have found the jargon to confusing....then this course is for you. The purpose of this course is to provide an overview of the jQuery library and to explain the fundamentals in an easy and understandable way possible. And to offer real world projects to get your teeth stuck into. When you're done with the course, you should be able to complete basic tasks using jQuery, and have a solid basis from which to continue your learning.The best way to learn is by doing, so this course will be very much hands on. We are going to be following along with Rebecca Murphy's jQuery Fundamentals online book and using the offline learning kit supplied by Addy Osmani. And in edition i will be using my own tutorials and towards the end of the course we will be visiting some of my favourite tutorials, which will be fun and should snap everything into place. I will say that even though i know jQuery, i am no way an expert so i will also be learning as we go. |
neil pearce | Completed |
jQuery ~ For the Love of DollarIntermediate Level Course Covering jQuery API, Open Source Tools and jQuery Community Resources Go to the course page jQuery is a cross-browser JavaScript library that simplifies client-side scripting of HTML (HyperText Markup Language) pages using CSS (Cascading Style Sheets) based selectors to select, style and manipulate page elements. jQuery additionally offers superb support for DOM traversal, event handling, visual effects, animation, AJAX (Asynchronous JavaScript and XML) and much more. With a vibrant community for support, jQuery also has an enormous plugin repository for added functionality and a fantastic user interface library of widgets which can be simply inserted into your web page and easily configured. This course will use Rebecca Murphey's open source ebook "jQuery Fundamentals" [1] and Ben Nadel's video series entitled "An Intensive Exploration of jQuery" [2] as our primary learning resources. For examples, demos and assignments we will use collaborative tools such as jsfiddle [3] and FireFox browser add-ons such as FireBug [4] and FireBug extensions [5]. Rather than extensively covering every aspect of the jQuery API and plugins, the course will have a emphasis on learning jQuery in a participatory environment using jQuery community resources and free tools such as jsfiddle and FireBug. Although the majority of the course communications will take place through group email, we will attempt to use a conferencing tool such as TalkShoe [6] (participate via dial in or client software) to hold a few live conferences. [1] jQuery Fundamentals by Rebecca Murphey [2] An Intensive Exploration Of jQuery by Ben Nadel [3] jsFiddle by Piotr Zalewa [5] Firebug Extensions [6] TalkShoe |
Dan Diebolt | Completed |
Learn Python the Hard WayThis course closely follows Zed Shaw's "Learn Python the Hard Way" book, and is designed for new or inexperienced programmers. Go to the course page This course is an introduction to programming for the complete beginner. If you already can code in another language, this course will probably drive you insane, because it is extremely basic. The text for the course is Learn Python the Hard Way by Zed Shaw and is available for download for free. This course will be primarily meeting on the forums. After joining the course you will be added to the group. Then you will be able to post messages to the group either by going to the group link and posting to the forums, or by e-mail. |
M. Volz | Completed |
Learning Web UI AutomationLearn how to automate web applications by driving real browsers Go to the course page This course will give a good grounding on using the Selenium Web Application Testing Framework. Selenium is a popular tool used by the top web companies like Google, Mozilla, Microsoft and many more. By the end of the course, participants will have the confidence to automate most web applications. This will then give you the confidence that your application works as it is intended. |
David Burns | Completed |
MediaWiki appropiationHow to use, install and customize MediaWiki for nice open knowledge projects Go to the course page This course is for MediaWiki beginners, planned for acquiring different essential skills around the tool: editing, installing, administrating and customizing it. Each part is designed to address a topic and increases in complexity, from edition basics and tricks to having one wiki ready for your own collaborative purposes. So be ready to navigate through some practical instructions (mainly video resources, but also some detailed HowTos), to get your hands dirty editing wikis and, specially, to upload stuff and check URLs (and then all over again) until your wiki looks and works as you want it to. The course is basically asynchronous, except for a couple of weekly office hours. The process will be based on weekly discussions, then activity, then wrapping up. Participants are expected to work in the course related tasks around 3-5 hours minimum per week on average. There will be an activity goal for every week, with a previous discussion about it and about the resources/knowledge needed. Before going to the next activity we should evaluate outputs together and troubleshooting if needed. Note that after the second week activities will take place mainly at each participant's MediaWiki installation. :: Week #2 :: Week #4 :: Week #5 :: Week #6 For all this activities each participant will be involved into testing and/or checking some other participant's activity, and in some occasions reporting to the group (while all of them should report to the course facilitator when needed). So the whole process of peer-to-peer learning here depends on each participant doing a minimum activity for creating their stuff (writing, uploading, modifying code) plus paying attention to some other person activity (checking what he does, or being its beta tester). |
Enric Senabre Hid... | Completed |
Old Pagehttp://p2pu.org/webcraft/javascript-101-1 | Maya Incaand | Archived |
Online Maps with OpenLayersHow do free and open maps compete with companies such as Google? Make maps and design geo-mashups with HTML and JavaScript. Go to the course page Online maps are a rapidly growing technology. The unique connection of maps to real world information has given open and crowdsourced maps some advantages over even the best-funded companies. A Map Making and Programming Class Topics * OpenLayers.org, a free and open source JavaScript library, will be used to explore the basics of adding maps to web pages. This experience gives you the know-how to use map APIs from Google, ESRI, Microsoft, or CloudMade (these alternatives will be part of a group discussion) * Applications of maps, including open source solutions for business, disaster response, open government, and the environment, will be discussed. Participants choose a research topic. * A final 'interest project', chosen by the participant, will be a web map which displays real-world data and produces an informative, interactive, artistic, and/or persuasive online experience. |
Nick Doiron | Completed |
PHP to objects and beyondDo you know what $this->means(); ?> Would you like to know more about it? Go to the course page Object-oriented revolution caught up with PHP long time ago. With more and more code produced that way, you need to jump the OO wagon as soon as possible. This course will provide the basics of object-oriented programming in PHP and dive right in techniques and design patterns. Design patterns that will be covered are:
|
Luka Muzinic | Completed |
Programando web con PHP¿Te animas a empezar a programar con el lenguaje más popular en la web? aprendamos juntos #PHP Go to the course page PHP es hoy el más popular de los lenguajes de programación en la web, fácil de aprender y altamente productivo, lo que lo ha convertido en la base de miles de sitios masivos en Internet - por ejemplo Wikipedia, Facebook - y decenas de proyectos de software libre programados en PHP, como Wordpress, Moodle, Drupal, Mediawiki, Joomla, World wide web. Arquitectura cliente-servidor. Páginas estáticas y dinámicas. |
Martin Olivera | Completed |
Programming Visual MediaCan you learn to code the same way you learned to paint? Intro to programming, studio-style. #p2pu #webcraft Go to the course page
Can you learn the fundamentals of programming with art, fun, and games? We'll show you how using Processing.js, an open-Web version of the Processing visually-oriented programming language. This P2P introduction to programming is designed as a series of programming projects, each of which will be shared, discussed, and critiqued as part of the class. By the end of this class, you'll build an interactive game of your own design, and add it to a growing portfolio exhibiting your webcraft.
What does a visually-oriented introduction to programming look like on the real-time web? We'll be working with Studio Sketchpad, a website that builds on the Processing.js open programming language for creating animations and interactions for the open web, and the Etherpad collaborative text editor allowing people to work together online in "really real-time".
This class is highly collaborative, so we strongly encourage you to take this course with a friend or two.
|
Ari Bader-Natal | Completed |
Reading CodeGet comfortable reading other peoples' code, from big open source projects to small standalone apps. #p2pu #webcraft Go to the course page In the Open Web world, we are often working with other peoples' code. Reading code helps to us to appreciate that there's no magic black box around "other peoples' code"; that it all comes down to logic; that every program has errors; and that sometimes reading the code is the best documentation. This course will remind us that there is no magic-- only logic. We will dive into the mini universes of open source projects and learn techniques for getting oriented in projects large and small, debugging, stack traces, and simply getting comfortable reading code.
Each week we will plan to cover one open source project. During the week, participants will read specific code sections on their own, and there will be an ongoing chat room, (possibly with people signing up to be present during specific hours) to support discussions and questions outside of class time. Coursework will involve contributing to the public online documentation for each of these projects.
We will try to cover a variety of project types and languages (javascript, php, python, ruby), and for each project and/or language, information about tools for reading, debugging or understanding the relevant "stack" will be introduced. During the weekly course meetings, a different person will lead each session and together we will go over the section of code assigned for that week, discussing our understanding of what is happening, techniques employed, and areas we found difficult to understand. At the end of the in-virtual-person session, the next week's subject matter will be introduced. Initial list of proposed projects (balancing languages, familiar/popular frameworks, newness (older and cruftier or well developed vs new code))-- this list will be refined with course participants based on experience and interest as appropriate:
Language/framework inspection and debugging tools
What you can Expect to Learn
What you Might Learn if you Work Hard
Thing we won't Cover
|
Jessy Cowan-Sharp | Completed |
Scripting 101Web Monkeys or command line junkies, join, learn to hack and make a better world! #webcraft #p2pu Go to the course page The KISS Principle of "Keep it Simple, Stupid", is the main intention of the whole scripting world. You could be Web Monkeys or command line junkies, scripting is the most important ingredient. The below is just an outline of the course, which would be covering the major CLI based scripting side of shell, perl, ruby and python
What types of things will the scripts be doing? Everything from simple automation to heavy data crunching, depending on the class, it could start with basics and then go for advance levels say like GUI with scripts. If all in an intermediate level, basics can be skipped. How will knowing these skills make someone a better web developer?
As a web developer it's always better for anyone to know how to deploy his app on an engine, there are many web programming languages available, consider the booming once like Ruby on Rails and Django, if would be easier and more better if the user who is interested to work on those, if he knows the fundamentals of the Ruby or Python or in fact PHP for that matter. About the command line : Yes undoubtedly let it be a MAC user [ after all it's base is Free BSD ] CLI makes things easier but how might be the question, lets take a simple example of regularly updating a git repo and backing up in there server on the common tasks, which can be a piece of cake on the CLI. |
hemanth hm | Completed |
User Experience Design | ENG PT ESPHow to improve human-computer interaction and accessibility using UX and Interaction design principles? Go to the course page SUBSCRIPTIONS ARE CLOSED! THANKS! [EN] Welcome to User Experience Design! This course will be run in English, Portuguese and Spanish simultaneously. Please read the "Sign-up Task" for more information about the selection process. ---- [EN] This course is focused on exploring basic concepts and definitions of User Experience & Interaction design. Discussions and reading recommendations, together with analytical and practical activities will be used as a methodology. Due to the intrinsic multidisciplinary characteristic of the Design field, all kinds of professionals and students are welcomed. Also, as a recommendation of this semester's Webcraft program, some Accessibility concepts will be discussed. [PT] Este curso se orienta a explorar conceitos e definições básicas acerca de Design de Experiência de Usuário e Interação. Discussões e recomendações de leitura, junto a atividades analíticas e práticas serão usadas como metodologia. Devido a característica multidisciplinar intrínseca ao Design, todos os profissionais e estudantes são bem-vindos. Também, por recomendação do programa deste semestre da escola de Webcraft, alguns conceitos de Acessibilidade serão discutidos. [ES] Este curso se orienta a explorar los conceptos básicos y definiciones del diseño de Experiencia de Usuario y de Interacción. Como metodología de aprendizaje se llevarán a cabo debates y recomendaciones de material de lectura, junto a actividades prácticas y analíticas. Debido al carácter multidisciplinar intrínseco del campo de Diseño, son bienvenidos todos los profesionales y estudiantes. A su vez, como recomendación del programa Webcraft de este semestre, se discutirán algunos conceptos de Accesibilidad. |
João Menezes | Completed |
UX: Design para a EducaçãoQueres aprender a desenvolver ambientes de experiência de usuário a serem aplicados a vários sistemas? #webcraft #p2pu Go to the course page O design instrucional é um campo de estudo que está diretamente relacionado às ciências cognitivas e comportamentais. O principal objetivo é maximizar a experiência de ensino-aprendizagem em ambientes especiais. Este curso tem foco em AVAs (ambientes virtuais de aprendizagem). Muitos dos AVAs que temos hoje são apenas sistemas de armazenamento de arquivos ou listas de discussão. Nossa missão então é desenvolver interfaces, baseadas em conceitos de Ergonomia e Estética, que são fáceis de usar, visualmente atrativas e que motivam os usuários (não apenas estudantes, mas professores também) a participar de uma maneira ativa, e não passiva. O curso inicia com uma introdução do Infodesign, Design focado no ser humano e Princípios de Gestalt e Cognitivismo, para que cada solução proposta possa ter bases comprovadas. Antes de efetivamente propor soluções para diferentes cenários de aprendizagem, alguns exercícios baseados em Personas serão feitos, para que o designer possa se colocar no lugar do usuário. Depois de conhecer o público-alvo, exercícios em grupo acontecerão ao redor de algumas questões específicas: como o design instrucional pode fazer com que a interação entre alunos, professores e colegas lembre aquela que eles tem em metodologias convencionais? Como os princípios básicos da Gestalt e ciências cognitivas podem formar caminhos mais fáceis? Como trabalhar com padrões abertos de internet e acessibilidade? Como explorar conteúdo multimídia? O curso termina com conceitos livres transformados em mock-ups ou protótipos, que são analizados rigorosamente por ferramentas de design thinking. O estudante que frequentar este curso poderá desenvolver ambientes de experiência de usuário a serem aplicados a vários sistemas. |
João Menezes | Completed |
UX: Designing for EducationHow to develop user experience designs that can be applied to various systems? #webcraft #p2pu Go to the course page Instructional Design is a field of study that's directly related to cognitive and behavioral sciences. Its main objective is to maximize the experience of teaching and learning on special environments. This course is focused on VLE (Virtual Learning Environments). Many of the VLEs we have today are just file storage systems or discussion boards. Our mission then is to build interfaces, based on Ergonomics and Aesthetics concepts, that are easy to use, visually attractive and that motivate the users (not only students, but teachers as well) to participate on an active manner, not a passive one. The course starts with an introduction to Infodesign, Human-centered design and Gestalt and Cognitive principles, so that every solution proposed can be coherently reasoned. Before effectively proposing solutions to different learning scenarios, some "Personas-based" exercises will be done, so that the Designer can put him/herself into the role of the user. After knowing the target audience, group exercises will happen around some specific questions: how can Instructional Design make the level of interaction among students, teachers and classmates to resemble the one they have when on conventional teaching methodologies? How can the basic principles of Gestalt and Cognitive sciences build the easiest path to things? How to work with open web standards and accessibility? How to explore multimedia content? The course ends with rough concepts made into mock-up or prototypes, that are thoroughly analyzed via multi design thinking tools. The student that attends this course will be able to develop user experience designs to be applied to various systems. |
João Menezes | Completed |
Web 200: Anatomy of a RequestWhat happens when you click go in the browser? Find out in "Web 200: Anatomy of a Request" at #p2pu. http://bit.ly/c4AYU4 Go to the course page In this six week course we'll do a deep dive into what happens when you click go in your browser. That's the entire focus of the course. Participants will be given reading assignments and videos to watch in advance of weekly synchronous meetings. In the meetings we'll answer questions and discuss the way things work. The most fundamental concept in this course is that the web is abstracted into layers, we're going to learn how and why. |
John Britton | Completed |
Web AccessibilityMaximize your audience through inclusion and non-discrimination by using accessible design. #webcraft #p2pu Go to the course page You will become aware of the top ten barriers in websites and how to recognize and avoid them. You will learn that accessibility reaches beyond blind people as there are many aspects of disabilities and perspectives to keep in mind. Checklists and add-ons help, but you will also get some first-hand insights in using (open source) screen reader software, and above all, to care about the people. Because beyond checklists you're touching their lives. I'm planning to hold a weekly one hour telephone conference & chat via Skype for initial short presentations and discussion. We can exchange ideas and discuss assignments on the Wiki. |
Martin Kliehm | Completed |
Web Browser Extension Dev.Would you like to know how to develop a web browser extension? Go to the course page They will learn how to build packages (web browsers) from source. Participants will be involved in various project, such as UI enhancement and protocol integration. In addition, as part of their work, they will individually create an extension or work on existing issues/bugs. Although participants can use their choice browsers, explanations and practical examples will be based on the Mozilla Framework. What you can expect to learnTo mention a few, there include the followings.
|
micadeyeye | Completed |
Web Design 101: Study GroupHow are webpages made? Work with other to learn how to create your own. #webcraft #p2pu #html #learning #drumbeat Go to the course page This community is working together to explore core principles of developing standards compliant web pages. By following the readings and working on recommended activities you'll begin to learn how to define your page structure and content in the Hypertext Markup Language (HTML) and how to add style to your page using Cascading Style Sheets (CSS). Please Note: This is not a facilitated course. This space acts a place to ask questions around a shared set of materials and activities. Courses for P2PU and School of Webcraft will begin again in January 2011. To take best advantage of this community you will need to engage with each other: ask questions! give advice! be supportive! It's recommended that you find a study partner from within the community and work together with them to develop a study plan for the readings and activities. Having a study partner will keep you motivated. The learning materials shared in this study group cover the core principles of developing standards compliant web pages. They are intended to help you learn how to define your page structure and content in the Hypertext Markup Language (HTML) and how to add style to your page using Cascading Style Sheets (CSS). Topics covered:
Participants should aim to create simple websites (6-8 pages) containing text, images and hypertext links and can use this as a foundation for more advanced skills they can continue to develop in the School of Webcraft. Course participants will learn about the importance of open web standards, will test their code on different browsers and will validate their code to guarantee it conforms to web standards. Participants will also document techniques and code using a wiki - this will be used as a learning resource for future courses. Please Note: only open web technologies will discussed during this course - proprietary formats such as Flash are not taught in the School of Webcraft. |
Pippa Buchanan | Completed |
Web Development 101Web Development 101: Learning open and standards based development for the web. #p2pu #webcraft #drumbeat Go to the course page This course will cover the core principles of developing standards compliant web pages. You'll learn how to define your page structure and content in the Hypertext Markup Language (HTML) and how to add style to your page using Cascading Style Sheets (CSS). Questions we'll cover: How is a webpage constructed? Participants will create simple websites (6-8 pages) containing text, images and hypertext links and can use this as a foundation for more advanced skills they can continue to develop in the School of Webcraft. Course participants will learn about the importance of open web standards, will test their code on different browsers and will validate their code to guarantee it conforms to web standards. Participants will also document techniques and code using a wiki - this will be used as a learning resource for future courses. Please Note: only open web technologies will discussed during this course - proprietary formats such as Flash are not taught in the School of Webcraft. The initial meeting for the group will take place on the video channel Tokbox (http://www.tokbox.com) and communication will take place via mailing list and on a wiki. Participants will be able to communicate with the course organiser via Skype - the use of Skype between participants is also encouraged. |
Pippa Buchanan | Completed |
WordPress DevelopmentWant to learn all about WordPress Development including plugins, widgets, WordPress as CMS, Custom Post Types and Custom Taxonomies? Go to the course page WordPress has been gaining on the CMS marketshare and even won the Overall Best Open Source CMS Award in 2009. It has a great community behind it (and a growing one as well) and there is a lot of interest and enthusiasm on how to leverage WordPress on different scenarios. Course Modus Operandi Each week:
* Monday: Students receive by email the assignment for the week. http://bit.ly/fe4stz <------- Assignment Results At the end of the course I will post how many challenges you did and how you did on each one. Good luck and enjoy! |
Nuno Morgadinho | Completed |
Wordpress Website 101 Let's build simple and easy-to-maintain websites using wordpress. Go to the course page * (Jan 26 2011) Thanks for signing up. :) I wasn't entirely familiar with p2pU system so I admit that all the process wasn't too smooth. A lot of waiting and no email reply from me..
So as for the course, everybody that sees their name in the course home are enrolled. Congratulations!
A lot of people sent me interesting applications so it's a shame that everyone is not in. But all the coursework will be freely available online so please feel free to come by. (For those of you whose status say pending or not accepted are not officially part of the course due to the small class size. I am really sorry about that)
There were a few considerations I took in to decide course members. 1. It's first time for me to organize a coursework so I wanted to keep the size small enough for me to be able to deal with. 2. There might be a few advanced people in the course I believe but most people who are enrolled are more or less beginner level in wordpress so that they can take something out of this experience. 3. A lot of people showed interests for e commerce sites. But I felt that e commerce site development should be an independent subject. This course will cover more general topics regarding wordpress. Hopefully, we can organize something for that specific subject in the future.
I will send a separate email to course members for the week1 schedule.
Once again, Thanks a lot, everyone!
- t
---- Wordpress is a useful platform for people without much programming knowledge to build a decent website. By utlizing freely/inexpensively available reseources (themes, plugins) and customizing its designs and functions, we can expand what our website can offer. |
Tomato Sea | Completed |