Coding For Beginners 2: Get Started With Web Development!

Kick start your hobby or career as a Web Developer, have fun, and learn some of the most employer requested skills for 2022!

The second course in the widely acclaimed 'Coding for Beginners' series!

Have you ever wondered how the World Wide Web actually works? Do you think the internet and the web are the same thing? Have you ever wondered if you could create websites? Well.. you can!  In fact, enrol now and you could have written your first lines of HTML code before you next check your Facebook!

Coding for Beginners is the most beginner friendly eLearning course series for complete beginners on Skillshare! It doesn't matter if you've never even seen a line of computer code before - if you're interested, or just wondering if you could learn to code and you have an interest in learning about the web, then this is the course for you!

" - Take this course before taking any other HTML, CSS or JavaScript courses!"

This course is perfect for students who are thinking about learning the 3 languages of the web: HTML, CSS & JavaScript, but don't want to get dropped in at the deep end. Coding for Beginners 2 has been specifically designed as a generic, foundation level course, to introduce you to the core web technologies and many of the common coding concepts that you'll go on to use in whichever language you choose to master next - giving you a real head start before you start mastering a dedicated language or web speciality.

With over 100 lectures and more than 15 hours of video, this comprehensive course will teach you the very basics of web technologies, web languages & web development, from the ground up. Starting with a whirlwind history of the World Wide Web and showing you that the internet and the web are not the same thing, and moving on to foundation level theory on the web's core technologies and languages, practical 'code along' exercises, fun projects and great bonus content - Coding for Beginners 2 will take you on a relaxed, friendly and gentle learning journey from absolute zero to confident beginner level web developer!

Get ready to learn:

• What the World Wide Web actually is
• The history of the web
• The web's core technologies: Browsers, Servers, HTML, HTTP & URL
• How DNS works
• What actually makes up a web page
• What HTML code is and why we need it
• How to write HTML code in a basic text editor
• How to work with local files and folders on your system
• How to build web pages using HTML code and test them in your browser
• HTML elements, tags, attributes and values
• What CSS code is and why we need it
• How to use HTML & CSS together to add styling to your web pages
• CSS properties, values, sizes, colours, fonts, targeting, specificity
• How to mock-up web pages & websites
• What a wireframe is
• How to use Microsoft VS code
• How to comment your code
• How to use Google Fonts
• How to navigate users around your site
• What a stylesheet is
• How to use internal & external stylesheets
• What JavaScript code is and why we need it
• How to write JavaScript programs that run in the browser
• Synchronous vs Asynchronous code execution
• JavaScript theory, data types, variables, operators, conditionals, functions
• Events & event handlers
• Object methods
• What the HTML DOM is and how to manipulate it using JavaScript and the DOM API
• How to use internal & external script blocks
• How to deconstruct problems & tasks
• What a framework is
• What Bootstrap is
• How to use Bootstrap in your web projects
• How to publish your websites to the World Wide Web

And all of this content is delivered in a beginner friendly way :)

I'll help you get setup in both a basic 'everyday' text editor and Microsoft VS Code to write your first lines of HTML, CSS and Javascript code, and guide you every step of the way. By the end of the course you'll be confident enough to keep coding in Microsoft VS Code on your own.

As you transition from a basic text editor, into a much more powerful developer tool (used by top companies, freelancers and individuals all over the world), I'll show you it isn't scary at all! In fact, I think you'll love it :)

I'll do everything I can to help you discover which areas of Web Development you enjoy working in, where you might like to specialise, what to learn next and how to turn your hobby or career into a lifelong passion as you unlock a whole new world of creativity.

Move on from this course to:

• Master HTML, CSS and JavaScript
• Get started with highly interactive web applications
• Get started with mobile development (because mobile uses web technologies now more than ever!)
• Specialise as a UI/UX Designer, Front-End Developer, Back-End Developer or Full-Stack Web Developer
• Get started with web security, network security or ethical hacking (because you'll understand the basics of how the internet and the web actually work)

So what are you waiting for?

Let's unleash your creative potential, have some fun, and build some valuable digital skills for work and life! See you inside...

• Welcome!
• Course Overview
• Section 1: Goals
• Section 1: Who Is This Course For?
• What Will I Learn?
• Do I Need Any Tools or Previous Knowledge?
• How Should I Use This Course
• Is It Going To Be Easy?
• Section 2: Goals
• What Is The Web?
• The Early Internet
• The Birth of the Web
• Web Browsers & Web Servers
• Why We Need HTML
• The HTTP Protocol
• URL: The Web's Address System
• Added Security Through HTTPS
• Browsing Local & Remote Resources
• How the DNS Works
• The Growth of the Web
• Section 3 Goals
• What Makes a Web Page
• HTML Structure & Nesting
• HTML Reference
• Course Folder Creation
• Text Editor Setup
• Writing & Saving HTML Files
• Google Chrome Setup
• Paragraphs & Line Breaks
• Adding Images: Theory
• Adding Images: Adding a Local Image
• Adding Images: Adding a Remote Image
• Styling With CSS: What is Styling?
• CSS Syntax & Reference
• Applying the Style Attribute
• CSS Background-Color
• CSS Pre-Defined Color Method
• CSS RGB Color Method
• CSS RGBA Color Method
• CSS Hexadecimal Color Method
• CSS HSL & HSLA Color Methods
• CSS Finding Color Values
• Where CSS Gets It’s Name: Stylesheets, Cascading, Specificity & Inheritance
• CSS Sizes: Introduction
• CSS Sizes: Absolute Length Units
• CSS Sizes: Relative Length Units - Percentage
• CSS Sizes: Relative Length Units - VW & VH
• CSS Sizes: Relative Length Units - EM & REM
• CSS Basic Positioning: Text-Align
• CSS Fonts
• Section 3 Recap
• Section 4: Web Page Challenge - Brief
• Section 4: Challenge 1 Source Code (Spoiler Alert)
• Section 5: Code a Website - Intro
• Section 5 Goals
• Website Mockup
• Website Folder Setup
• VS Code Setup
• Web Page Creation
• Hyperlinking Theory: The HTML Anchor Tag
• Web Page Linking
• Home Page Header & The HTML Div
• CSS: Background-Image
• Commenting HTML Code
• Google Fonts
• CSS Box Model & Chrome Dev Tools
• The HTML Nav Element
• CSS: Targeting HTML Elements by Name
• CSS: Targeting HTML Elements by Class
• CSS: Targeting HTML Elements by ID
• External Stylesheets - Part 1
• External Stylesheets - Part 2
• Section 5 Recap
• Section 6: Code With JavaScript - Goals
• Why JavaScript?
• The HTML Script Block
• Synchronous vs Asynchronous Code Execution
• Data Types
• Variables
• Operators: Assignment & Arithmetic
• Operators: Comparison
• Conditionals
• Functions
• Functions: Arguments & Returns
• Deconstructing
• Password Page Creation
• HTML Input & Buttons
• HTML Events
• Object Methods
• The HTML DOM
• Password Capture & The Console
• Password Checking
• Programmatic DOM Editing & External JS
• Section 6 Recap
• Section 7: BONUS! Styling with Bootstrap - Goals
• What is a Framework?
• Introducing Bootstrap
• Building on Bootstrap
• Section 7 Recap
• Section 8: End of Course Challenge!
• Bonus Lecture! Publishing to the Web
• Section 8 Complete!
• Section 9: End of Course Wrap Up