LEARN TO

<CODE>

FOR THE WEB

A2: Mobile First OER
by Aimee Chung
for UBC MET ETEC523
DIY Learning Week #5
FALL 2019

THE STEPS TO CODING SUCCESS

Interested in web development? This site provides useful information on how to get started with web coding in 6 easy steps!

WHY SHOULD YOU LEARN TO CODE?

It's never too late to jump into the world of web development and coding, as more of our world becomes more connected socially and technologically through the internet. If you spend a lot of time viewing web content on your smart phone or laptop and are curious about how easy it is to create your own website, then this is a good place to get started!

There's many reasons for DIY learning such as:

  • Pick your own coding language you want to learn first

  • Download a preferred coding editors for free

  • Make use of coding resources and community online

  • Build your own projects - anything that interests you

  • Publish and share you work instantly on the web

  • Develop better problem solving and troubleshooting skills

This site will answer some basic questions on how to get started.  There's no easier way to begin than by teaching yourself how to code so that you can figure out what you do and don't like, before investing a lot of money and time into courses for a particular coding language. Did you know that learning to code doesn't have to cost a lot of $$$ —most resources are free and some only require a small monthly subscription or fee to maintain access to.

 

The job market for web developers and designers continues to grow as more content is moved online for people to access. There are many coding jobs available in companies that require talented, hardworking and creative individuals. Coding is a certainly a skill that is considered a valuable asset by potential employers in most industries.

ARE YOU READY TO START CODING?

 

1. HOW DOES 
CODING WORK?

2. HOW DO

YOU CODE?

3. WHERE CAN YOU

LEARN CODING?

4. WHAT CAN YOU
BUILD WITH CODE?

5. WHERE CAN YOU STUDY CODING?

6. WHAT CODING JOBS
CAN YOU GET?

 
 
hexagon-2307350_640.png

BEYOND CODING...what is next?

This DIY learning site explores the main front-end coding languages and explanations on how they work, but there are certainly many more areas that are involved in creating solid, user-friendly, mobile responsive sites. The next steps after learning to code involve looking at the visual design and user experience as well. 

Other skills that enhance a good website or app design:

  • Photoshop will help you edit/adjust images and ensure they are saved properly for your site

  • UI/UX stands for user interface and user experience, which is important to keep your audience engaged

  • Colour Design/Theory will help you create harmonious colour and design layouts that are easy to read

  • Writing for the Web is about making sure content is written in a way that's effective for websites/devices 

  • Site Architecture is about how your content and pages flow and connect together for clarity

  • Web Hosting/Server Set-up this involves more backend knowledge of where sites are saved and their settings

  • Back End Databases connects servers to sites to dynamic load or save out content from websites