Codecademy Online Course (coding websites and games) HTML, CSS and the basics of JavaScript.

Slides:



Advertisements
Similar presentations
Samsung Smart TV is a web-based application running on an application engine installed on digital TVs connected to the Internet.
Advertisements

Layouts Using Tables Web Design – Section 4-5 Part or all of this lesson was adapted from the University of Washingtons Web Design & Development I Course.
ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
1 Javascrbipt Intro Javascript (or js) is a programming language. Interpreted, not compiled. Not the same as java, but, similar. Use tags to use. Object-oriented.
Web Page Behavior IS 373—Web Standards Todd Will.
IS 118 Introduction to Development Tools Week 1. Things to Cover UCID WebCT AFS Visual Basic.net Running PHP.
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.
Tech Tip Screen Capture What is a screen capture? (AKA screen dump or screen shot) It is when you take a picture of what is displayed on your screen. You.
Javascript & HTML5 Intro. Why Javascript? Next big thing in online games Flash is slowly on its way out Can be coded via any text editor, flash costs.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
IT 210 The Internet & World Wide Web introduction.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
HTML & CSS Extended Homework Learn how to create websites by structuring and styling your pages with HTML and CSS. Form: Name: ICT Group: ICT Teacher:
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
CSS 404 Internet Concepts. XP Objectives Developing a Web page and a Website Working with CSS (Cascading Style Sheets) Web Tables Web Forms Multimedia.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
GCSE COMPUTING An Introduction. ICT vs Computing ICT How to use technology. Using computer software. “Behind the wheel.” Computing How technology works.
 Creating your personal website and online portfolio.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.
Name: Read this page first. A web browser is software on your computer that lets you visit web pages. The address bar is a box in a web browser displaying.
Accessing Your “How To” Series – W&J Office of Communications.
A Basic Guide to Using Wikispaces Jeff Rew TEDU 673.
Animation & Effects Using JQuery. What is jQuery? jQuery is a lightweight, JavaScript library. The purpose of jQuery is to make it much easier to use.
1 Moodle Login Professional Development Training.
Intro To Web Design with Adobe Dreamweaver CSS Cascading Style Sheets (CSS) is the W3C standard for defining the presentation of documents written in HTML,
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
Creating a Canvas Account! Follow these simple directions to access the course materials for this year.
WRT235: Writing in Electronic Environments Session 2 Basic XHTML.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Splashtop Whiteboard Setting up your account. Open up Splashtop Whiteboard on your computer Your first time you will need to create a Splashtop Account.
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
EI Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1.
Introduction to HTML Unit 3: E-business.
Cascading Style Sheets
The Web Browser Button Game Click to play Click to play.
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
PART 1: Introduction to HTML & CSS. Lecture 1: HTML 5 Basic Structure.
IN THIS LESSON WE WILL REVIEW THE STRUCTURE OF THE INTERNET AND HOW BROWSERS ASSEMBLE WEBSITES BASED ON INSTRUCTIONS THEY RECEIVE FROM SERVERS. Internet.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
Client-side processing 26 Client-side processing 26.
A website tutorial for Miss Hensley’s fourth grade class.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
TechKnowlogy Conference August 2, 2011 Using GoogleDocs for Collaboration.
JavaScript Part 1 Introduction to scripting The ‘alert’ function.
Dive into web development
Web Basics: HTML/CSS/JavaScript What are they?
Programming Web Pages with JavaScript
CISC103 Web Development Basics: Web site:
Project 8 Creating Style Sheets.
Web Development Training
CISC103 Web Development Basics: Web site:
Unit 6 part 3 Test Javascript Test.
What is HTML?.
Part 8 Q36 to Q40 of National 5 Prelim
Use this link to print what is on the screen
Computer communications
WEB DESIGNING THROUGH HTML
HTML &CSS and Make a website with coding
The language of the internet
The language of the internet
Client-Server Model: Requesting a Web Page
Introduction to JavaScript
Web Programming and Design
Web Programming and Design
Web Programming and Design
OCR Computer Science Getting Ready for Year 12 Name:
Presentation transcript:

Codecademy Online Course (coding websites and games) HTML, CSS and the basics of JavaScript

Goals & Objectives Be able to describe and understand:  HTML (structure)  CSS (presentation),  JavaScript (behavior/interaction) Construct/Create/Engineer  Your own website and create simple computer games

Codecademy Curriculum  HTML FUNDAMENTALS  ORGANIZING WEB PAGES WITH HTML  HTML REVISION  STYLE WEBPAGES WITH CSS  ADVANCED CSS SELECTORS  INTRO TO CSS POSITIONING  ADVANCED CSS POSITIONING  CSS REVISION  GETTING STARTED WITH PROGRAMMING  INTRODUCTION TO FUNCTIONS  INTRODUCTION TO FOR LOOPS IN JS  RECAP OF JAVASCRIPT  PUTTING IT ALL TOGETHER

Discussion:  What is programming?  What is a browser?  What is HTML (structure), CSS (presentation), Javascript (behaviour/interaction)  Where can you see HTML & CSS? View the source code of your school website.  Where in the everyday world one can see programming?  What knitting and mathematics have to do with programming?  What would happen if computers disappeared?  What will happen in the future as computers get smaller, faster, and cheaper?  Look up the history of the printing press and how cheap paper manufacturing radically changed access to reading and writing across economic classes. Can you see any parallels to programming and our modern society?

Lets Get Started  Create your own account on Codecademy  Enter into your browser  Select create an account from the upper right corner of your screen (you will need an address)  After creating an account, select the “Learn” tab in the upper left  Scroll down to Popular Programming Languages to Learn  Select the “HTML and CSS” course. This will be the first series of online courses we will use.  If we have time, select the HTML Basics course and begin the course. Lets work through this first course together.