Skip to main content

CodeMoji.com (Introduction to HTML/CSS and More! S2 17-18

BEFORE YOU START TODAY:
Check out the Youtube Channel for an 11-year-old kid who has 8 Apps in the Apple Store already.  He learned to code at age 8, and is cranking out his own Apps now!  He also has scholarships and numerous awards for his work already!  You could do the same thing!

https://www.youtube.com/channel/UCuCWFtFqtR-OzqL1lLcdLXw

Today you will be improving on your learning about the programming languages we saw with Code.Org.  You will learn a little about how HTML and CSS are used to create websites.  Please go to the following website after signing in to your Google Account:



Click on "SIGN UP" and click the drop-down list to identify yourself as a student.  Next, enter your CCS Gmail account and choose a password you can remember!  Enter your password in both the Password block, and the Confirm Password block.  Click "Register Now".  You could also click "Register with Google Login" and follow the directions.

Once you are logged in, you will see a user-friendly dashboard.  Click on "Settings", enter the class code below, and click "Join Class"


CCS CSA CLASS CODE:  2276

Once you have joined the class, begin working on the HTML Lessons, and click on the HTML Beginner Lesson #1.  READ ALL DIRECTIONS, and start learning HTML.  As you complete each lesson, you will see how basic websites are coded using cute emoji's.  As you progress through each lesson, you will learn more about creating these sites.

You will be working independently on these lessons, and I encourage you to work on as many different languages as you like.  I will be around to see your progress.  Let me know if there are any problems.  I will create a post later this week with a project for you to work on as an assessment of your progress and learning.

Codemoji's computer science curriculum for schools allows 1st-8th grade students to learn the basics of web development and coding, including HTML, CSS, and Javascript, in a fun and easy way, allowing them to create their own websites, animations and much more with our unique and adaptable learning platform.

IS THIS TOO SLOW FOR YOU?  ARE YOU ALREADY AN AWESOME PROGRAMMER?  CHECK OUT THE RESOURCES BELOW TO GO NUCLEAR-SPEED WITH MORE PROGRAMMING OPTIONS AND COURSES:
We have already used many of the Blockley-Style Programming tutorials found on Code.Org.  Now, without creating an account, try some of the tutorials on other programming languages found on freeCodeCamp.com.  Here is some basic information (taken directly from their About Us page) to get you started.  Good Luck!

What is freeCodeCamp?

We’re a community that helps you learn to code, then get experience by contributing to open source projects used by nonprofits.

How can you help me learn to code?

You'll learn to code by completing coding challenges and building projects. You'll also earn verified certificates along the way. We also encourage you to join a study group in your city so you can code in-person with other people.

Is freeCodeCamp really free?

Yes. Every aspect of freeCodeCamp is 100% free.

Can freeCodeCamp help me get a job as a software developer?

Yes. Every year, thousands of people who join the freeCodeCamp community get their first software developer job.

How can I get a job?

Most people get jobs through friends and hiring managers they know from coding events. There are also services that can help you get interviews.

How long will it take me to finish each of freeCodeCamp's certificates?

Each certificate takes around 400 hours of dedicated learning. Some people may take longer. These certificates are completely self-paced, so take as long as you need.

Is freeCodeCamp a replacement for a 4-year degree?

No. Please don’t drop out of college just to pursue freeCodeCamp. You can pursue both concurrently. Even though you don’t need a 4-year degree to work as a software developer, it still helps a lot.

Should I complete all of the coding challenges in order?

We’ve put a lot of thought into how we introduce concepts. But you’re free to jump around.

Where can I get technical support for using the freeCodeCamp.org platform?


Click The Link Below To Start:
https://www.freecodecamp.org/challenges/learn-how-freecodecamp-works


You can also try www.W3Schools.com tutorials for many different programming languages.  There are also coding resources onhocphilly.strikingly.com

If you are super-advanced, and really want a challenge, 
TRY THESE LINKS:

The definitive JavaScript handbook for your next developer interview (14 minute read): https://fcc.im/2jwgTmL

Here are 450 free online programming and computer science courses you can start in December 
(browsable list): https://fcc.im/2A1x6Gs

Google Doc Link To Resources:
https://docs.google.com/document/d/1BpCZpDOjez7kCgoCCihnfAWyhJ7ro8saaGWt-R07OLk/edit?usp=sharing

Bonus: Learn how to build an API using Node.js with this free in-depth YouTube tutorial (33 minute watch): 

https://www.youtube.com/watch?v=fsCjFHuMXj0

ACADEMIC/LEARNING OBJECTIVE
Students will extend their individual learning about reading and writing CODE by working on a basic program online.  The program will allow students to begin to use the lessons learned during ‘Hour of Code” in December to begin learning specifically how to code in HTML, CSS, and  JavaScript.  Students will be able to access this program anywhere they have access to the internet.

STUDENTS WILL ENTER THE CLASS QUIETLY AND BEGIN WORKING!
Students will work individually, but be able to peer mentor if necessary, to sign-up for and teach themselves to read and write Java Script. Students will create an account on codemoji.com and begin working on the entry level Computer Science course as a followup to working in Blockly programming on Code.Org earlier in the semester.

THANK YOU FOR YOUR ATTENTION AND POSITIVE ATTITUDE TODAY!

Comments

Popular posts from this blog

How Do You Learn Best (Week 1: Learning Style / L-R Brain / Typing Test)

Today you will learn about HOW YOU LEARN BEST! Please follow the directions below to complete a series of survey's that will give you some insight on your Learning Styles, your Left/Right Brain Dominance, and a Typing Test. You may choose to watch the videos associated with each survey (with headphones only), or just complete the surveys themselves. Please fill out the form in class, and complete the ONLINE SURVEY at the end. Make sure to complete both for credit. See you tomorrow! - Mr. S 1. LEARNING STYLES:  Many people recognize that each person prefers different learning styles and techniques. Learning styles group common ways that people learn. Everyone has a mix of learning styles. Some people may find that they have a dominant style of learning, with far less use of the other styles. Others may find that they use different styles in different circumstances. There is no right mix. Nor are your styles fixed. You can develop ability in less dominant styles, as well as further

Code.Org Accelerated Course S2 17-18

About the Code.org Accelerated Course (International): Excerpt taken directly from https://code.org/educate/curriculum/cs-fundamentals-international Our International Computer Science Fundamentals courses are translated into over 25 languages. The different courses support students aged 4-18. Each course has 10-20 lessons that may be implemented as one unit or over the course of a semester. Students study basic programming concepts and develop interactive games or stories they can share. The courses teach the foundational concepts of programming using drag and drop blocks rather than a programming language such as JavaScript or Python. Blocks are an easier way to get started and can be fully translated into any language. Course 1 uses picture blocks rather than words to support pre-readers. All lessons align to all relevant computer science standards, as well as to the  ISTE standards . They additionally reinforce concepts and skills taught in other subject areas by integrating nationa

Programming Unit Final Project - Holiday Coding Projects For Everyone!

This is your chance to turn your coding experience into a holiday project.  Follow the links below to the different activities today.  Enjoy these this week!  - Mr. S Dancing Yeti Project:  Make the Yeti Dance, a digital animation project from Made with Code! https://www.madewithcode.com/projects/ Holiday Emoji Project :  You’re about to design a custom holiday emoji that you can share digitally or IRL. Codecademy is the easiest way to learn how to code. It's interactive, fun, and you can do it with your friends.  Twelve Days of Christmas Code:    Nice, simple implementation of the Twelve Days of Christmas. As  jhixson  puts it, “Pretty straightforward … in JS with a few ES6 bits.” Run it today, there are still a couple of days left! That is of course, assuming the twelfth day of Christmas is actually Christmas, which I believe is out of scope of this blog article. Snowstorm Project :  A fancy, customizable JavaScript-driven snow effect which you can easily add to your homepage to