├── README.md ├── Scratch_Session_1.pdf ├── Scratch_Session_2.pdf ├── Scratch_Session_3.pdf ├── ci.png ├── git.jpg ├── git.md ├── git_github.jpg ├── html5-css3.png ├── html_css.md ├── javascript.md ├── javascript.png ├── python-logo.png ├── python.md ├── scratch.md ├── scratch_.png └── scratch_logo.jpg /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Full-Stack-Web-Developer-Stream-0 4 | At its core our Full Stack Web Developer Bootcamp is based on HTML & CSS, JavaScript and Python. 5 | We use this combination of languages to bring you practical, real-world, modules and labs that you will use to create professional grade projects and proudly show to the world via Git and GitHub. 6 | We want you to flourish on the programme, to bring out your natural skills and instincts for rational and creative thinking. 7 | To do this we want you to have the fundamentals of these languages and technologies in place before moving on to the Streams that follow. 8 | 9 | To help you get there we have put together a comprehensive collection of carefully chosen resources that cover all the requirements to begin the main programme. You'll use a combination of free web based videos and tutorials and download apps so you can study directly your phone or tablet. You'll gain badges when completing study sections and unlocking learning content. We want you to send on your badges to us so we see how you are getting on before starting the main programme. 10 | 11 | And before immersing yourself in JavaScript and Python, you'll get to grips with core coding concepts commont to nearly all languages before setting about understanding the syntax of these languages. You'll do this by using Scratch, the number one tool used to teach coding beginners in Coder Dojo's around the globe. 12 | 13 | We also want you to build up a portfolio of your work right from the start of the main programme. You'll show your code right here on GitHub - the worlds most popular social coding network. To do that we have an excellent set of lessons to get you up and running with Git and GitHub 14 | 15 | So be curious, get stuck in, and enjoy! 16 | 17 | 18 | 19 | 20 | ## Components of Stream 0 21 | 22 |    [HTML & CSS](html_css.md) - Your first steps into development 23 | 24 |    [Scratch](scratch.md) - Get the coding concepts in place without syntax getting in the way 25 | 26 |    [JavaScript](javascript.md) - Add client-side logic and behaviour to Web Pages 27 | 28 |    [Python](python.md) - The worlds fastest growing server-side language 29 | 30 |    [Git & GitHub](git.md) - The worlds most popular version control and social coding network 31 | 32 | 33 | ## Important Resources 34 | 35 | - [FAQ's](FAQ.md) 36 | -------------------------------------------------------------------------------- /Scratch_Session_1.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/Scratch_Session_1.pdf -------------------------------------------------------------------------------- /Scratch_Session_2.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/Scratch_Session_2.pdf -------------------------------------------------------------------------------- /Scratch_Session_3.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/Scratch_Session_3.pdf -------------------------------------------------------------------------------- /ci.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/ci.png -------------------------------------------------------------------------------- /git.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/git.jpg -------------------------------------------------------------------------------- /git.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Git 4 | 5 | Why do we need it? If you’re working on a small project that’s all yours, and you don’t plan to share it with anyone else, then Version Control may not really be an issue. 6 | However, the days when an individual designs and develops a professional project on his or her own are all but gone. 7 | You can manage changes by yourself without too much difficulty, but when others become involved – things can get tricky pretty quick. 8 | This wouldn’t be so bad if there was a clean separation of responsibilities. At first you might think that when you’re finished with your part of a project, 9 | you’ll send it off to your colleague Sarah to finish. But this is not practical for a number of reasons. 10 | Much of the time you’ll find yourself working on projects – and even files – concurrently with others. 11 | Version Control allows a team to work synchronously. It helps the team cope with the confusion that arises from multiple people editing the same files. 12 | Git is a version control system created by Linus Torvalds (who also happens to be the creator of Linux). He named this version control system after himself. 13 | When using Git, you and Sarah can each work on separate visions of a project and Git will save two distinct copies. Later, you can merge your changes together without losing any of your precious work. If you later realise you made a horrible mistake, you can revert to an earlier version at any time. Git keeps a “snapshot” of every change ever made. Hurray! 14 | This is the essence of version control and Git does it very well indeed. 15 | 16 | 17 | 18 | 19 | ## Git Fundamentals 20 | 21 | ### Git Overview 22 |    [What is Version Control? - Video](https://git-scm.com/video/what-is-version-control) 23 | 24 |    [What is Git? - Video](https://git-scm.com/video/what-is-git) 25 | 26 |    [Get going with Git - Video](https://git-scm.com/video/get-going) 27 | 28 |    [Quick wins with Git - Video](https://git-scm.com/video/quick-wins) 29 | 30 | ### Git Tutorials 31 | 32 | #### Terminal/Command Line Tutorials 33 | 34 | > A command line interface is a means used for interacting with software or files by typing commands to perform specific tasks. 35 | The command line interface is the baby brother of programming languages. 36 | Learning the command line teaches you to control the computer using language rather than mouse-clicking on icons trees and folders. 37 | You'll need to get the basics in place in order to use Git 38 | 39 | ##### Mac Terminal 40 | 41 |    [Mac - Using the Terminal](http://www.macworld.co.uk/feature/mac-software/get-more-out-of-os-x-terminal-3608274/) 42 | 43 |    [Mac - Terminal Commands - Video](https://www.youtube.com/watch?v=IVDS1O4gv2U) 44 | 45 | 46 | ##### Windows Command Line 47 | 48 |    [Windows - Using the Command Line](http://www.computerhope.com/issues/chusedos.htm) 49 | 50 |    [Windows - Using the Command Line 1 - Video](https://www.youtube.com/watch?v=gy7L-dBVhMo) 51 | 52 |    [Windows - Using the Command Line 2 - Video](https://www.youtube.com/watch?v=OB8x0r17Bjg) 53 | 54 | ##### Linux Terminal 55 | 56 |    [Linux - Using the Terminal 1 - Video](https://www.youtube.com/watch?v=AO0jzD1hpXc) 57 | 58 |    [Linux - Using the Terminal 2 - Video](https://www.youtube.com/watch?v=HsBEzs6Q7w4) 59 | 60 |    [Linux - Using the Terminal 3 - Video](https://www.youtube.com/watch?v=rm9VthABJXA) 61 | 62 |    [Linux - Using the Terminal 4 - Video](https://www.youtube.com/watch?v=VPgrtk0HQB0) 63 | 64 | 65 | #### Installing Git 66 | > To get started Git you need to install it on your local machine 67 | 68 |    [Installing Git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git) 69 | 70 | #### Git Basic Commands 71 | 72 | > Git can be used in the Command Line/Terminal or via a GUI interface. 73 | It's a good idea to have an understanding of Git on the command line to appreciate its goodness 74 | 75 |    [Git - Essential Steps & Commands To Get You Up and Running](http://rogerdudler.github.io/git-guide/) 76 | 77 | 78 | ## Working on GitHub 79 | 80 | 81 | 82 | > Welcome to GitHub! By reading these Stream 0 documents you are already taking your first steps into the world of hosted social version control. 83 | You can see the documents created and the history of all the edits, additions, deletes and formatting used to put all of this together 84 | 85 | >GitHub is not strictly a development tool – it can be thought of as a social network for documents. 86 | You build a profile, upload projects to share, and connect with other users. You can even follow other user accounts. 87 | While many users store code projects, there’s nothing stopping you from using Github to store your favourite recipes or anything else you want. 88 | Strictly speaking, we don’t need to know coding to use GitHub. We can sign up and explore, but we would be missing the point. 89 | As developers, to get the real benefit we need to get our hands dirty with Git. GitHub is based around the Git version control system. 90 | 91 | > There is a GitHub software download for Windows and Mac, which has a GUI (Graphical User Interface) to help you manage your projects locally. 92 | More importantly, by registering with GitHub.com, your projects can be uploaded to the Web, shared, and collaborated on with others. 93 | You can browse other GitHub users’ projects, and even download copies for yourself to alter and learn from. 94 | Other users can do the same with your public projects, and even spot errors and suggest fixes. Either way, no data is lost because a snapshot is made of every change. 95 | 96 | 97 |    [Set Up a GitHub Account](https://git-scm.com/book/en/v2/GitHub-Account-Setup-and-Configuration) 98 | 99 |    [GitHub Flow -](https://guides.github.com/introduction/flow/) 100 | 101 |    [GitHub Hello World](https://guides.github.com/activities/hello-world/) 102 | 103 |    [GitHub Adding a Project](https://guides.github.com/introduction/getting-your-project-on-github/) 104 | 105 | > Install Github for desktop - The people at GitHub assume that if you are a Linux user then you're a command line nut, so no GUI for you guys 106 | 107 |    [Installing GitHub Desktop](https://guides.github.com/introduction/getting-your-project-on-github/) 108 | 109 | 110 | ### Git References 111 | 112 |    [Git Cheat Sheet](https://training.github.com/kit/downloads/github-git-cheat-sheet.pdf) 113 | 114 |    [Git Interactive Cheat Sheet](http://ndpsoftware.com/git-cheatsheet.html#loc=local_repo;) 115 | 116 |    [Git Reference](https://git-scm.com/docs) 117 | 118 |    [GitHub Showcase](https://github.com/showcases) 119 | 120 | 121 | ## Git & Github Foundations Video Lessons 122 | 123 |    [GitHub & Git Foundations - Introduction](https://www.youtube.com/watch?v=FyfwLX4HAxM) 124 | 125 |    [GitHub & Git Foundations - Setup](https://www.youtube.com/watch?v=7Inc0G0wutk) 126 | 127 |    [GitHub & Git Foundations - Config](https://www.youtube.com/watch?v=ZChtKFLiaNw) 128 | 129 |    [GitHub & Git Foundations - Init](https://www.youtube.com/watch?v=WxMFZncm12s) 130 | 131 |    [GitHub & Git Foundations - Commit](https://www.youtube.com/watch?v=A-Cll9jEnnM) 132 | 133 |    [GitHub & Git Foundations - Log](https://www.youtube.com/watch?v=Ew8HQsFyVHo) 134 | 135 |    [GitHub & Git Foundations - Remove](https://www.youtube.com/watch?v=jtuHOIlfS2Q) 136 | 137 |    [GitHub & Git Foundations - Move](https://www.youtube.com/watch?v=ipdgyfPq8FE) 138 | 139 |    [GitHub & Git Foundations - Ignore](https://www.youtube.com/watch?v=4VBG9FlyiOw) 140 | 141 |    [GitHub & Git Foundations - Branch](https://www.youtube.com/watch?v=H5GJfcp3p4Q) 142 | 143 |    [GitHub & Git Foundations - Checkout](https://www.youtube.com/watch?v=HwrPhOp6-aM) 144 | 145 |    [GitHub & Git Foundations - Merge](https://www.youtube.com/watch?v=yyLiplDQtf0) 146 | 147 |    [GitHub & Git Foundations - Network](https://www.youtube.com/watch?v=xdao5LCNoYE) 148 | 149 |    [GitHub & Git Foundations - GUI](https://www.youtube.com/watch?v=BMYOs5jflGE) 150 | 151 |    [GitHub & Git Foundations - Intro To GitHub](https://www.youtube.com/watch?v=vDv5K5PbvO8) 152 | 153 |    [GitHub & Git Foundations - Forking](https://www.youtube.com/watch?v=5oJHRbqEofs) 154 | 155 |    [GitHub & Git Foundations - Pull Requests](https://www.youtube.com/watch?v=d5wpJ5VimSU) 156 | 157 |    [GitHub & Git Foundations - Reset](https://www.youtube.com/watch?v=BKPjPMVB81g) 158 | 159 |    [GitHub & Git Foundations - Reflog](https://www.youtube.com/watch?v=Vxc9m_OVyo0) 160 | 161 |    [GitHub & Git Foundations - Rebasing](https://www.youtube.com/watch?v=SxzjZtJwOgo) 162 | 163 | 164 | 165 | -------------------------------------------------------------------------------- /git_github.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/git_github.jpg -------------------------------------------------------------------------------- /html5-css3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/html5-css3.png -------------------------------------------------------------------------------- /html_css.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # HTML & CSS 4 | 5 | Fundamentally, when you look at a webpage in a Web browser, you see words. 6 | But most of the time webpages contain styled text rather than plain text. Nowadays, webpage designers and developers have access to hundreds of different fonts, 7 | font sizes, colors, and even alphabets. Web browsers can for the most part display them accurately. 8 | Webpages may also contain images, video clips, and background music. They may include drop-down menus, search boxes, or links you 9 | can follow to access other pages (whether on the same site or another site). 10 | Some websites even let visitors customize the page display to accommodate their preferences and challenges (e.g., sight challenges, deafness, or color blindness). Often a page contains content boxes that move (scroll) while the rest of the page remains static. 11 | A typical webpage depends on several technologies (such as CSS, JavaScript, Flash, AJAX, JSON) to control what the end-user sees, 12 | but most fundamentally, developers write webpages in HTML, without which there can be no webpages. 13 | To display the page on the client-side device, a browser starts out by reading the HTML. 14 | 15 | Cascading Style Sheets (CSS) is a language for specifying how documents are presented to users. 16 | These documents are written in a markup language such as HTML 17 | 18 | >It's essential to have a comprehensive understanding of HTML & CSS before Progressing to Streams 1 - 3 of the Full Stack Web Developer Bootcamp 19 | as HTML & CSS form the basis of most of our modules and all of professional grade projects you will undertake along the way 20 | 21 | 22 | 23 | 24 | #### Learn HTML & CSS Fundamentals on your Mobile and Laptop 25 | > Solo Learn is a free resource that you can use to learn the basics of HTML & CSS programming. 26 | Test your self wth quizzes both on your laptop and your mobile. 27 | Attain your badges and let us know how you are progressing by mailing your badge links to studentcare@codeinstitute.net 28 | 29 | 30 |    [Learn HTML on your Laptop](http://www.sololearn.com/Course/HTML/) 31 | 32 |    [Learn CSS on your Laptop](http://www.sololearn.com/Course/CSS/) 33 | 34 |    [Learn HTML on your Mobile]( https://play.google.com/store/apps/details?id=com.sololearn.htmltrial&hl=en) 35 | 36 |    [Learn CSS on your Mobile](https://play.google.com/store/apps/details?id=com.sololearn.csstrial&hl=en) 37 | 38 | 39 | ## Code Editors 40 | 41 | #### Useful Online Editor 42 | 43 | > Test your HTML & CSS code in here without having to install an Integrated Devlopment Environment (IDE) on your machine 44 | 45 |    [Solo Learn In Browser Editor](http://code.sololearn.com/#html) 46 | 47 | #### Simple Desktop Editors 48 | 49 | Mac:    [Text Wrangler](http://www.barebones.com/products/textwrangler/download.html) 50 | 51 | Windows :    [Notepad++](https://notepad-plus-plus.org/download/v6.9.1.html) 52 | 53 | 54 | ## HTML & CSS Fundamentals Additional Materials 55 |    [Learn to Code HTML & CSS](http://learn.shayhowe.com/html-css/building-your-first-web-page/) 56 | 57 |    [HTML Cheat Sheet](http://2zpt4dwruy922flhqyznip50.wpengine.netdna-cdn.com/wp-content/uploads/2015/06/HTML5-Mega-Cheat-Sheet-A4-Print-ready.pdf) 58 | 59 |    [CSS3 Cheat Sheet](http://2zpt4dwruy922flhqyznip50.wpengine.netdna-cdn.com/wp-content/uploads/2015/10/css3-mega-cheat-sheet.jpg) 60 | 61 |    [CSS Reference ](http://tympanus.net/codrops/css_reference/) 62 | 63 |    [HTML Best Practices](https://github.com/hail2u/html-best-practices) 64 | 65 | 66 | 67 | 68 | ## Core HTML & CSS Videos 69 | 70 |    [HTML Intro ](https://www.youtube.com/watch?v=LqvFIuVlyP8) 71 | 72 |    [HTML Create A Web Page ](https://www.youtube.com/watch?v=rzNcKm7SXe8) 73 | 74 |    [HTML Paragraphs, Headers and Line Breaks ](https://www.youtube.com/watch?v=-IOX9KgMK3w) 75 | 76 |    [HTML Bold, Italics, Horizontal Rule ](https://www.youtube.com/watch?v=PfIAw7qC4D0) 77 | 78 |    [HTML Lists](https://www.youtube.com/watch?v=jFdY0wHSB_w) 79 | 80 |    [HTML Linking To Another Page](https://www.youtube.com/watch?v=jc1ciZtQsjY) 81 | 82 |    [HTML Images](https://www.youtube.com/watch?v=G98Bjyzzduk) 83 | 84 |    [HTML Directory Structures](https://www.youtube.com/watch?v=_DdmnBeE9mE) 85 | 86 |    [HTML Audio](https://www.youtube.com/watch?v=_5GzWskBSOg) 87 | 88 |    [HTML Video](https://www.youtube.com/watch?v=aS83ghu7uog) 89 | 90 |    [CSS Intro](https://www.youtube.com/watch?v=11miJPdgNRg) 91 | 92 |    [CSS External Style Sheets](https://www.youtube.com/watch?v=uDyd_3xx0Lk) 93 | 94 |    [CSS Font Properties](https://www.youtube.com/watch?v=xx5kljZ2E30) 95 | 96 |    [CSS Comments](https://www.youtube.com/watch?v=4JE3WNIyyoo) 97 | 98 |    [CSS Box Model](https://www.youtube.com/watch?v=8Jp9PUeePPk) 99 | 100 |    [CSS Box Model Borders](https://www.youtube.com/watch?v=hfiDTY3rz9U) 101 | 102 |    [CSS Div and Span](https://www.youtube.com/watch?v=GuUF1ZHEj_o) 103 | 104 |    [CSS Classes](https://www.youtube.com/watch?v=TXPpChkDhEU) 105 | 106 |    [CSS ID's](https://www.youtube.com/watch?v=MGUZUCz5pd4) 107 | 108 |    [CSS Colors](https://www.youtube.com/watch?v=6RVuU2hbCsA) 109 | 110 |    [CSS Background Images](https://www.youtube.com/watch?v=c7VYKF-pAho) 111 | 112 |    [CSS Pseudo Classes](https://www.youtube.com/watch?v=jFykuYxdPy4) 113 | 114 |    [CSS Styling Links](https://www.youtube.com/watch?v=2KQx4POL7Xg) 115 | 116 | 117 | 118 | 119 | -------------------------------------------------------------------------------- /javascript.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # JavaScript 4 | 5 | Overview stuff added here 6 | 7 | 8 | 9 | #### Learn JavaScript Fundamentals on your Mobile and Laptop 10 | > Solo Learn is a free resource that you can use to learn the basics of JavaScript programming. 11 | Test your self wth quizzes both on your laptop and your mobile. 12 | Attain your badges and let us know how you are progressing by mailing your badge links to studentcare@codeinstitute.net 13 | 14 |       [Learn JavaScript on your Laptop](http://www.sololearn.com/Course/HTML/) 15 | 16 |    [Learn JavaScript on your Mobile](https://play.google.com/store/apps/details?id=com.sololearn.csstrial&hl=en) 17 | 18 | 19 | #### Useful Online Editor 20 | 21 | > Test your JavaScript code in here without having to install an Integrated Devlopment Environment(IDE) on your machine 22 | 23 |    [Solo Learn In Browser Editor](http://code.sololearn.com/#html) 24 | 25 | 26 | ## JavaScript Fundamentals Additional Materials 27 | ### Quick References 28 | 29 |    [JavaScript Cheat Sheet](http://www.cheat sheets.org/saved copy/jsquick.pdf) 30 | 31 | 32 | 33 | ## Core JavaScript Videos 34 | 35 | > We've collected some great JavaScript videos from a series by Bucky Roberts. Bucky's videos are fun, informative, 36 | free and have successfully taught thousands of beginners the fundamentals of Python. 37 | Follow along with his tutorials. Modify your code. Be curious and get stuck in! 38 | 39 | 40 |    [JavaScript Intro ](https://www.youtube.com/watch?v=yQaAGmHNn9s) 41 | 42 |    [JavaScript Comments and Statements ](https://www.youtube.com/watch?v=yUyJ1gcaraM) 43 | 44 |    [JavaScript Variables ](https://www.youtube.com/watch?v=og4Zku5VVl0) 45 | 46 |    [JavaScript Variable Types ](https://www.youtube.com/watch?v=sY8qiSaAi9g) 47 | 48 |    [JavaScript Variable With Strings ](https://www.youtube.com/watch?v=QLpghQ2MMfs) 49 | 50 |    [JavaScript Functions ](https://www.youtube.com/watch?v=QLpghQ2MMfs) 51 | 52 |    [JavaScript Function Parameters ](https://www.youtube.com/watch?v=7i1f23AVsn4) 53 | 54 |    [JavaScript Multiple Parameters ](https://www.youtube.com/watch?v=BgtdojEoWFI) 55 | 56 |    [JavaScript Return Statement ](https://www.youtube.com/watch?v=AdQcd3sKGC8) 57 | 58 |    [JavaScript Calling Functions From Other Functions](https://www.youtube.com/watch?v=95mIis5M-gU) 59 | 60 |    [JavaScript Global and Local Variables](https://www.youtube.com/watch?v=waF2Isf-phQ) 61 | 62 |    [JavaScript Math Operators](https://www.youtube.com/watch?v=ZH5qZB0UucQ) 63 | 64 |    [JavaScript Assignment Operators](https://www.youtube.com/watch?v=VfBr32W-hRA) 65 | 66 |    [JavaScript If Statement](https://www.youtube.com/watch?v=5gjr15aWp24) 67 | 68 |    [JavaScript If Else Statement](https://www.youtube.com/watch?v=FKyrQYkihGw) 69 | 70 |    [JavaScript Nested If Statements](https://www.youtube.com/watch?v=ebjo8_u82mI) 71 | 72 |    [JavaScript Complex Conditions](https://www.youtube.com/watch?v=aQf-zeuHijU) 73 | 74 |    [JavaScript Switch Statement](https://www.youtube.com/watch?v=NXMu5ljw9kc) 75 | 76 |    [JavaScript For Loop](https://www.youtube.com/watch?v=Coxgr66EwRk) 77 | 78 |    [JavaScript While Loop](https://www.youtube.com/watch?v=QPFW_0blw9w) 79 | 80 |    [JavaScript Do While Loop](https://www.youtube.com/watch?v=7Eb7D_IOaog) 81 | 82 |    [JavaScript Event Handlers](https://www.youtube.com/watch?v=9rvB27xXO_I) 83 | 84 |    [JavaScript More Event Handlers](https://www.youtube.com/watch?v=OleFcGMPZKI) 85 | 86 |    [JavaScript Objects](https://www.youtube.com/watch?v=mgwiCUpuCxA) 87 | 88 |    [JavaScript Custom Objects](https://www.youtube.com/watch?v=mgwiCUpuCxA) 89 | 90 |    [JavaScript Initializing Objects](https://www.youtube.com/watch?v=0TL5SRttIs0) 91 | -------------------------------------------------------------------------------- /javascript.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/javascript.png -------------------------------------------------------------------------------- /python-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/python-logo.png -------------------------------------------------------------------------------- /python.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Python 4 | 5 | Overview stuff added here 6 | 7 | 8 | 9 | ## Learn Python Fundamentals on your Mobile and Laptop 10 | > Solo Learn is a free resource that you can use to learn the basics of Python programming. 11 | Test your self wth quizzes both on your laptop and your mobile. 12 | Attain your badges and let us know how you are progressing by mailing your badge links to studentcare@codeinstitute.net 13 | 14 | - [Learn Python on your Laptop](http://www.sololearn.com/Course/Python/) 15 | - [Learn Python on your Mobile](https://play.google.com/store/apps/details?id=com.sololearn.csstrial&hl=en) 16 | 17 | 18 | #### Useful Online Editor 19 | 20 | > Test your Python code in here without having to install Python or an Integrated Devlopment Environment on your machine 21 | 22 | - [Solo Learn In-Browser Editor](http://code.sololearn.com/#html) 23 | 24 | 25 | ## Python Fundamentals - Additional Materials 26 | 27 | ### Quick References 28 | 29 | - [Python Cheat Sheet ](http://www.cogsci.rpi.edu/~destem/igd/python_cheat_sheet.pdf) 30 | - [Python 2.7 Quick Reference ](http://www.astro.up.pt/~sousasag/Python_For_Astronomers/Python_qr.pdf) 31 | - [Python 3 Quick Refrerence ](https://perso.limsi.fr/pointal/_media/python:cours:mementopython3-english.pdf) 32 | 33 | 34 | 35 | 36 | ### Useful Python Videos 37 | 38 | > We've collected some great Python videos from a series by Bucky Roberts. Bucky's videos are fun, informative, 39 | free and have successfully taught thousands of beginners the fundamentals of Python. 40 | Follow along with his tutorials. Modify your code. Be curious and get stuck in! 41 | 42 | 43 | 44 | - [Python - Installation ](https://www.youtube.com/watch?v=HBxCHonP6Ro&feature=youtu.be) 45 | - [Python - Numbers ](https://www.youtube.com/watch?v=l3fEBrKr68w) 46 | - [Python - Strings ](https://www.youtube.com/watch?v=DKNKETUjqDM) 47 | - [Python - Slicing Up Strings ](https://www.youtube.com/watch?v=pVvf3Q-aCsM) 48 | - [Python - Lists](https://www.youtube.com/watch?v=UUbHQL2hrkk) 49 | - [Python - Installing PyCharm](https://www.youtube.com/watch?v=CkAi_hz9CcI) 50 | - [Python - Decision Statements](https://www.youtube.com/watch?v=IBVKHRSPGZQ) 51 | - [Python - For Loops](https://www.youtube.com/watch?v=xylV34VqDFQ) 52 | - [Python - Range and While Loops](https://www.youtube.com/watch?v=yYb5vVa7fbY) 53 | - [Python - Break](https://www.youtube.com/watch?v=6NyuWPxcUWM) 54 | - [Python - Continue](https://www.youtube.com/watch?v=68EhtQbgXRc) 55 | - [Python - Functions](https://www.youtube.com/watch?v=5FodMMdYgmI) 56 | - [Python - Return Values](https://www.youtube.com/watch?v=sVI4g1CA3lM) 57 | - [Python - Default Arguments](https://www.youtube.com/watch?v=Jn8FmWa7w24) 58 | - [Python - Variable Scope](https://www.youtube.com/watch?v=hZGPTyjOACI) 59 | - [Python - Keyword Arguments](https://www.youtube.com/watch?v=KO22ZM0jeic) 60 | - [Python - Flexible Number of Arguments](https://www.youtube.com/watch?v=Z4E9zuWM47Q) 61 | - [Python - Unpacking Arguments](https://www.youtube.com/watch?v=fa3-F4Cul_0) 62 | - [Python - Sets](https://www.youtube.com/watch?v=23eY8n08pMc) 63 | - [Python - Dictionary](https://www.youtube.com/watch?v=BSNFRKG1MfE) 64 | - [Python - Modules](https://www.youtube.com/watch?v=WN4A6iJOUns) 65 | 66 | 67 | 68 | ## Python Community 69 | - [Python Org](https://www.python.org/community/) 70 | - [Python Weekly](http://www.pythonweekly.com/) 71 | - [Python Ireland](https://python.ie/) 72 | - [Python London](http://www.meetup.com/The-London-Python-Group-TLPG/) 73 | - [Python Oxford](http://www.meetup.com/oxfordpython/) 74 | - [PyLadies Edinburgh](http://www.meetup.com/PyLadiesEdinburgh/) 75 | - [Python West Yorkshire](http://wypy.org.uk/) 76 | - [Python Cardiff](http://www.meetup.com/PyDiff/) 77 | - [Python India](https://pssi.org.in/) 78 | - [Python Europe](http://www.europython-society.org/) 79 | - [Python Twitter](https://twitter.com/ThePSF) 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /scratch.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Scratch 4 | 5 | When it coming to grips with programming, there's a learning curve involved with languages like JavaScript and Python. Before you can begin to solve problems, you must first learn to read and write a new language, even if the task at hand is relatively simple (e.g., "hello, world!"). And whereas you might still understand a non-native spreaker who mispronounces some English word, computers aren't so forgiving when it comes to mistakes. Leave out a semicolon, and a program probably won't even work. 6 | 7 | Learning to program is ultimately about learning to think logically and to approach problems methodically. The building blocks out of which a programmer constructs solutions, meanwhile, are relatively simple. Common in programming, for instance, are "loops" (whereby a program does something multiple times) and "conditions" (whereby a program only does something under certain circumstances. Also common are "variables" so that a program can remember certain values). 8 | 9 | For many beginners, the seemingly cryptic syntax of languages like JavaScript or Python tends to get in the way of mastery of such relatively simple constructs as these. Before we tackle these languages let's play with Scratch, a "new programming language that lets you create your own animations, games, and interactive art." Although originally developed for kids by the Lifelong Kindergarten research group at the MIT Media Lab, Scratch is just as useful (and fun) for budding coders. By representing programs' building blocks with color-coded blocks (i.e., puzzle pieces), Scratch allows you to focus on problems rather than syntax, to master programmatic constructs rather than syntax. Syntax, of course, will come later. But, for now, we focus on programming itself. It just so happens that programming, for now, will be more like putting together a puzzle than writing hieroglyphics. 10 | 11 | 12 | 13 | ## Install Scratch 14 | 15 | 16 |    [Scratch Installer - Mac , Windows, Linux](https://scratch.mit.edu/scratch_1.4/) 17 | 18 | 19 | ## Scratch Tutorial 20 | 21 |    [Scratch Lesson 1](Scratch_Session_1.pdf) 22 | 23 |    [Scratch Lesson 2](Scratch_Session_2.pdf) 24 | 25 |    [Scratch Lesson 3](Scratch_Session_3.pdf) 26 | 27 | 28 | ## Additional Scratch Resources 29 | -------------------------------------------------------------------------------- /scratch_.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/scratch_.png -------------------------------------------------------------------------------- /scratch_logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Org/Full-Stack-Web-Developer-Stream-0/84f9faa4ab72d4628d45560288f2a1e61f571930/scratch_logo.jpg --------------------------------------------------------------------------------