step 4

WHAT CAN YOU BUILD

WITH CODE?

Coding can be fun and challenging, and helps develop your problem solving skills. Think about all the games you enjoy playing, think about all the devices and apps you interact with daily, the number of webpages you look at - they all require coding in one way or another. You might not know what to build as a beginner, many start of with simple websites, before moving on to more advanced apps. When there is a technological problem to be solved, coding and programming can often be the solution. 

 

EXPERIMENTING WITH CODE

 

A great resource to experiment with coding is from Codepen. Below is an example of CSS animated waves showed inside of a pen structure. This format allows learners to see the code in either HTML, CSS or Javascript (JS) tabs as well as preview of what the code does. By signing up with Codepen for free, you will be able to save out sample pens and modify the code so you have your own version to tinker with and re-share for others to learn from. It's a wonderful collaborative coding community that shows what is possible for front end coders!

Screen Shot 2019-09-29 at 10.57.59 PM.pn

MADE WITH CODE

 

This is another great resource, this time brought to you by Google and designed for girls in mind who are interested in getting into careers with code. It shows a lot of real world projects that have be built by girls to help inspire others. 

THINGS CAN CAN BE CREATED WITH CODE

The examples shown below are for elements that make use of  HTML, CSS and/or Javascript. 

Websites

Dynamic Content

Web Apps

Dynamic Forms

Games

Databases

Mobile Apps

Text/Shapes

Tables/Graphs

Visual Styling

Animations

Positioning

Buttons/Interfaces

Hyperlinks/Navigation

Image Sliders

Digital Media