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

Digital Animation Video Clip 18-19 S1

DO NOW:  Create/Send Technology Constructed Response Email TO:  Mr. Scribner (hscribner@ccs.us) SUBJECT: Digital Animation Project CR BODY:   Describe, in 1-2 Sentences, what type of animation/cartoon you are interested in creating.  Think about any topic you like, and try to imagine a cartoon that illustrates (and creates action and characters) your idea or subject.   Digital Animation Video Clip Introduction: Today you will begin to create a  Digital Animation Video Clip.  There are many resources for creating digital movies, as listed below. Before class is over, read all directions in this post and learn about different types of ANIMATION.  Then OPEN Google Slides/PowerPoint on Computer and begin to create a "stick-figure" background scene for your longer digital animation using the draw tools found in each of those programs/applications. Resources & Examples First Animations: Fantasmagoria       Gertie the Dinosaur ...

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 ...

How to Choose Modules at Unisa: Undergraduate & honours qualifications

Choosing Modules is part of the Unisa Unisa’s online registration process 2020. Know Unisa Registration dates 2020, Find out more about 2020 registrations … Be sure to take part before the late Application . How to Choose Modules at Unisa Click on the modules from the drop-down list for which you want to register. You must; Meet All the Pre-Requisites and Co-Requisites for The Selected Module Enter the Correct Module Code Select the Correct Semester (1 = First Semester; 2 = Second Semester) Indicate in Which Language You Want to Receive Your Study Material (English or Afrikaans) Do not exceed the prescribed number of modules per semester or year, as your registration will not be processed. Please also take Unisa’s re-admission rules into consideration when selecting your number of modules for the semester or year.