Giter Site home page Giter Site logo

samiuk / appsfromscratch Goto Github PK

View Code? Open in Web Editor NEW

This project forked from codeandcake/appsfromscratch

0.0 1.0 0.0 37.97 MB

Learn to code and prototype apps using HTML, CSS and JavaScript in this 24-hour course for beginners.

License: Other

CSS 50.33% HTML 7.33% JavaScript 41.91% GLSL 0.42%

appsfromscratch's Introduction

Coding and app-making for beginners

Coding can open doors for you

Code is a huge part of our daily lives. It powers your phone, your bank account, your social networks... it's everywhere.

Today all businesses are moving over to digital. It's essential to have a digital presence and for us to understand how that works.

Once you know how to code, you can get ideas off the ground and communicate seamlessly with developers (and budding child prodigy programmers).

People everywhere are realising this and learning to create on the Web. Even in primary schools.

No experience? No problem

Is learn to code on your list of goals this year?

It's tough sifting through the endless resources with no-one to direct all your questions.

Learning with others is fun and much easier than hacking away at online courses alone.

The course is aimed at beginners, so you don't need any previous experience with coding to join. We will assume zero knowledge to start with, and introduce you to HTML, CSS and JavaScript whilst you design and prototype an app over 6 Saturdays.

Start with this 6-week course

Learn to code with HTML, CSS and JavaScript, the universal languages of the Web. We'll be using the browser to bring your app ideas to life.

Remember: you don't have to struggle on your own.

Having experts and classmates by your side to troubleshoot with can save you hours of your life. It makes the difference between giving up at the first roadblocks, and gaining the confidence to continue learning after this course.

Join a group of determined, like-minded individuals to discuss, learn and make in a friendly environment.

Who's teaching?

Matteo is a senior lecturer for Web Media at Ravensbourne with loads of experience building apps and educational games. He loves teaching and has near-infinite patience.

Aimee makes websites and clothes. She was in your shoes a year ago, reads puzzled faces and knows when to slow down the pace.

What do I need to bring?

Laptops are available for everyone.

If you have a laptop which you're used to, feel free to bring that along. You'll need to install Google Chrome beforehand.

We recommend bringing a notebook and pen for jotting down useful resources and capturing your ideas whilst they're fresh.

What's the plan?

Which day? What are we learning?
On the first day we discuss key concepts around apps (interface, logic, data) and start coding with HTML & CSS.
We introduce the principles of programming and start playing with JavaScript.
Where to find data and how to use it programmatically. Your app's data has to be stored somewhere!
Use JavaScript libraries to speed up your development and learn how to troubleshoot your code, aka debugging.
By this point you have a rough app prototype, which you can then hack to apply your own ideas and content.
Tweak your app prototype. Celebrate your achievements, and take away free resources to continue your learning journey.

Learning goals

  1. Appreciate how digital products work and how they are made. Understand the different uses of HTML, CSS and JavaScript.
  • Get hands-on coding practice: follow tutors' demonstrations and integrate ready-made blocks of code in your work.
  • Apply your understanding and experiment on your own: refine, test and debug your code.
  • Feel confident searching for solutions to design challenges and coding issues.

License

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

appsfromscratch's People

Contributors

aimeebethmj avatar yukikdev avatar yukikumagai avatar

Watchers

Sami Rahman avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.