You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
*A three month programme that takes 2 of the 10 projects created during Hack Brexit weekend
9
9
10
-
*How to put up your own webpage
10
+
*Run monthly meetings for the teams to present and discuss their projects progress, hosted by ThoughtWorks London
11
11
12
-
*Basic skills and tools that will be useful for any coding you do
12
+
*Help source additional volunteers to work with the teams on the projects
13
13
14
-
We hope you will become curious about how the Internet works and will look at websites in a different way.
14
+
* The organising committee will be on hand to provide planning and process assistance over the whole 3 months, and tap into expertise from ThoughtWorks and Code First: Girls community
15
15
16
-
### How courses will be run
16
+
* The organising committee will manage external communications for the open source accelerator to help spread the word
17
17
18
-
The hardest thing about learning to program is knowing **where** to start and **what**to learn.
18
+
* At the end of 3 months we will run a final external presentation event with external attendees, we will analyse the progress and development of the project along with its future potential for continuing to grow
19
19
20
-
The course **aims** to provide a basic overview of the technologies used, along with the tools and resources to discover more.
20
+
* Connect the team members to the wider Hack Brexit meetup community
21
21
22
-
The **focus** of this course is learning the basics of how and why things work and to provide the basis to build upon in future courses. We will **not** be able to cover everything in great depth or comprehensive detail.
22
+
### Why are we doing this?
23
23
24
-
Sessions will be as **hands-on and practical** as possible. Each week there will be a number of tasks to do in between the sessions to reinforce what you have learnt.
24
+
We want to continue from the success of the Hack Brexit hackathon on the 23-4 July to bring together technical and non-technical people to create tech solutions to drive dialog, unity and positive action beyond Brexit. We want to sustainably support and scale up projects that have a clear positive impact on society and respond to one of the three key themes we chose for the weekend: 1. Truth, fiction, & accountability; 2. Tolerance & prejudice; 3. Effective organising & campaigning.
25
25
26
-
It’s up to you whether you do the tasks or not, but the more you put in the more you will get out! If you’re ever in doubt, [Google it](http://lmgtfy.com/?q=how+do+i+use+google%3F), check [StackOverflow](http://lmgtfy.com/?q=how+do+i+use+stackoverflow), ask the person beside you, or ask one of us!
26
+
### T&Cs for accelerator
27
27
28
-
**Now, let’s check that you’ve installed all the right software and signed up for GitHub and the Student Developer Pack!**
28
+
* An open source project publicly available & accessible to all
29
+
* Projects are created in a repository under the Hack Brexit public repository with an MIT License
30
+
* Projects have an IP that is open to all & can be used by anyone
31
+
* Projects speak to one of the three key themes identified at the Hack (Truth, Fiction & Accountability; Tolerance & prejudice; Effective organising & campaigning) or a future theme as agreed by the community
32
+
* Commitment to work with a group of volunteers on the project for a duration of 3 months
33
+
* Work alongside your project team volunteers & the Hack Brexit organisers to plan the outcomes for at least 3 months
34
+
* Be a project that has scope to continue to be worked on by others in the future
29
35
30
-
**Note:**
31
36
32
-
**DEMOS will be in blue with a salmon background -**** Like this.**** - Please show them to do this as you talk through it.**
33
-
34
-
**STUDENT TASKS will be in red with a pale-blue highlighted background -********Like this.**
35
-
36
-
# Introduction - Session by Session Course Overview
37
-
38
-
### Pre-course Preparation: Welcome
39
-
40
-
* Welcome to web dev & Code First: Girls community
41
-
* Basic intro to web languages with mention of HTML, CSS, JS (jQuery) & how they are related (i.e. web pages & web servers)
42
-
* Not expected to understand the syntax, but we will demonstrate what each language does to a web page
43
-
* Introduction to the tech community, resources & how to study, developer news
* HTML syntax - use a demo to talk through it (10-15 mins)
56
-
* Homework: Internet video, GA Dash 2, create your own website locally, read something on CSS
57
-
58
-
### Session 2: CSS
59
-
* Mention using CSS in <head> tags, but get them to use CSS in a separate file.
60
-
* CSS, Selectors and Attributes, Stylesheets
61
-
* Competition: Explain competition criteria, ask everyone to form teams by week 3 and brainstorm ideas - collaborate on Fb/Slack.
62
-
* Homework: GA Dash 3, Why do software developers collaborate, and what tools are available for them to do so easily?
63
-
64
-
65
-
### Session 3: GitHub & the Command Line
66
-
* How to use GitHub - what is version control? & Q&A (basic concepts, commits, pulls, forks, etc) (10 mins)
67
-
* GitHub Pages (https://pages.github.com/), hosting your website (+ talking about competition) (10 mins)
68
-
* Mention other things available on GitHub (https://education.github.com/pack for students), GitHub Gist
69
-
* Introduction to the Command Line - live demo / exercises with students
70
-
* Competition: Spend 10 mins at the end of the session ask the participants to get into their teams. Find teams for those who do not yet have a team. Write down names of teams and ideas. Explain competition criteria again to students (outlined below)
* Introduction to frameworks & libraries (in CSS & JS later)
77
-
* What is an API? How is it different from a Framework?
78
-
* Course competition: Start working on your websites! Create the project repository & add HTML & CSS files. Encourage groups to meet up outside class to work on the project
79
-
80
-
81
-
### Session 5: Bootstrap
82
-
* Using Twitter Bootstrap to improve presentation of webpages
83
-
* Homework: make your website responsive
84
-
85
-
86
-
### Session 6: JavaScript & jQuery
87
-
* Basic JS + resources for JS
88
-
* jQuery: what? - talk about how it’s different from JavaScript
89
-
manipulating CSS with jQuery + AJAX(?)
90
-
91
-
### Session 7: Plugins, website metrics, hosting & Working on projects
### Session 8: Course Competition: Presenting final projects
98
-
* Spend the first 30 minutes finalising project websites.
99
-
* Spend at least 1 hour on group presentations (5-10 mins/group).
100
-
* Instructors to choose a winner and announce it at the end of the session.
101
-
102
-
103
-
### Competition Guidelines
104
-
105
-
The CF:G competition is a chance for students to put into practice the skills learnt on the course. Students can work individually or in groups of 2-3 to create a landing page for a website. Aim to form teams by Week 3.
106
-
107
-
The criteria for the competition are here:
108
-
* A visually appealing design - good use of CSS and HTML elements, Twitter Bootstrap
109
-
* Good formatting
110
-
* Code split into the appropriate files
111
-
* Files indented properly
112
-
* A live website (Github page, Heroku or own domain)
113
-
* Extras e.g:
114
-
* A contact form (for example name and email)
115
-
* Social buttons
116
-
* Widgets
117
-
* As many different HTML elements you can manage
118
-
* Interactive elements (like forms) on the website don’t need to be functional, but should be present if they need to be for the visual aspect of the design.
119
-
* (optional) Good organisation
120
-
* Version control using GitHub
121
-
* Sensible commit messages
122
-
123
-
Some of the winning entries from last term's competition can be found here.
124
-
There'll be prizes of Amazon vouchers for the winning team and a chance to be pitched alongside the winning entries from courses around the U.K. for a grand prize.
37
+
We'll be updating this page with further information as the projects develop, so do watch this space!
0 commit comments