Subscribe Now
  • Webinar70 Unique Lessons
  • Document1 Quiz
  • MessageCommunity Support
  • Like iconFeedback from Mentor
  • Lifetime-accessLifetime Access
  • SmartphoneMobile Friendly Content
  • CertificateCertificate

Description

How is a web page made? Where does the information come from? How can you change the colour of the banner on this page? The internet is giving us tools to communicate with the whole world! This opens up new freelancing opportunities: take the first step toward becoming a Web Developer.

With this knowledge you’ll be able to:

  • Learn more about the tools you use every day
  • Build your very own simple website
  • Learn about what makes websites responsive
  • Understand the power of your browser’s developer console
  • Create the beginning of your online portfolio
  • Discover how websites work under the hood

Prerequisites and requirements

  • Digital Literacy course

  • Computer with an internet connection.

  • This course can be viewed on mobile, and most of the tasks can be done on mobile too, but it is not ideal. 

Curriculum

  • C0: Get Familiar with Coderstrust

    0:48m
    • C0.01: Welcome to your learning journey!

      Resource
    • C0.02: What is Coderstrust?

      Video
    • C0.03: Coderstrust & You

      Resource
    • C0.04: Setting goals

      Resource
    • C0.05: We are here for you!

      Resource
    • C0.06: How it works: Assignments

      Resource
    • C0.07: How it works: Quiz

      Resource
  • C1: Welcome to the Web Development Course

    0:0m
    • C1.01: What will you learn?

      Resource
  • C2: Introduction to the Internet

    0:0m
    • C2.01: The Internet and the World Wide Web

      Resource
    • C2.02: Browser - Chrome

      Resource
    • C2.03: What to do if you get stuck?

      Resource
  • C3: What is a web page made of?

    0:0m
    • C3.01: What is a web page?

      Resource
    • C3.02: Developers Console, fast forward

      Resource
    • C3.03: What is a web page made of?

      Resource
  • C4: Your Very First Webpage

    0:0m
    • C4.01: Creating your own!

      Resource
    • C4.02: HTML elements as containers

      Resource
    • C4.03: What makes an HTML element

      Resource
    • C4.04: HTML elements

      Resource
    • C4.05: CSS Taster

      Resource
    • C4.06: Googling, part 2

      Resource
    • C4: Assignment - Create a Mini Web Page

      Resource
    • Assignment Form (Don't Forget to Press Submit)

      Resource
  • C5: A Webpage from a File on your Desktop

    0:0m
    • C5.01: Creating a web site locally

      Resource
    • C5.02: Text editors

      Resource
    • C5.03: Create your HTML file

      Resource
    • C5.04: Add more HTML elements

      Resource
    • C5.05: Keyboard Shortcuts

      Resource
    • C5.06: Basic HTML Structure

      Resource
    • C5.06: HTML Attributes

      Resource
    • C5.07: HTML classes and IDs

      Resource
    • C5.08: Try it out!

      Resource
    • C5: Assignment - Create your Portfolio, first steps

      Resource
    • Assignment Form (Don't Forget to Press Submit)

      Resource
  • C6: Add Some Style

    0:0m
    • C6.01: Add CSS to your HTML file

      Resource
    • C6.02: Connecting the CSS file with your page

      Resource
    • C6.03: Priority in CSS

      Resource
    • C6.04: CSS inheritance and HTML structure

      Resource
    • C6.05: Classes and IDs in CSS

      Resource
    • C6.06: CSS Colors

      Resource
    • C6: Assignment - Style your website

      Resource
    • Assignment Form (Don't Forget to Press Submit)

      Resource
  • C7: CSS Advanced

    0:0m
    • C7.01: Size of an Element

      Resource
    • C7.02: Responsive web design

      Resource
    • C7.03: Disclaimer

      Resource
    • C7.04: Flexbox

      Resource
    • C7.05: One single CSS file for all your pages

      Resource
    • C7: Assignment - Portfolio with CSS

      Resource
    • Assignment Form (Don't Forget to Press Submit)

      Resource
  • C8: Recap!

    0:0m
    • C8: Assignment - Change this page!

      Resource
    • Assignment Form (Don't Forget to Press Submit)

      Resource
  • C9: Intro to JavaScript

    0:0m
    • C9.01: JavaScript adds behaviour to a page!

      Resource
    • C9.02: Alert! Alert!

      Resource
    • C9.03: Running JavaScript

      Resource
    • C9.04: JavaScript Types

      Resource
    • C9.05: Operations

      Resource
    • C9.06: Operations pt.2

      Resource
    • C9.07: The Power of JavaScript

      Resource
  • C10: The Magic of JavaScript

    0:0m
    • C10.01: Add JavaScript to HTML

      Resource
    • C10.02: First Script

      Resource
    • C10.02: Functions explained

      Resource
    • C10.03: Parameters and Arguments

      Resource
    • C10.04: JavaScript actions explained

      Resource
    • C10.05: Debugging JavaScript

      Resource
    • C10.06: Interacting with the User

      Resource
    • C10: Assignment: try it out!

      Resource
    • Assignment Form (Don't Forget to Press Submit)

      Resource
  • C11: Career: What's Next?

    0:0m
    • C11.01: Careers in Web Development

      Resource
    • C11.02: A few possible next steps

      Resource
  • Congratulations

    0:0m
    • One Last Step: Verification

      Resource
    • You are done! : D

      Resource

Check out These Courses

  • Essential Python Course for Beginners - Learn Python with Easy Projects

    If you’re new to programming, this course is for you. Python is one of the most popular languages in the world and once you begin to delve into the world of Python, you will see...

  • Build a Web App with Django

    If you’re interested in learning how to create websites as well as improving your skills in Python, this course is for you. We will be taking you through the Django framework, w...

  • Complete Freelancing Course - Learn how to work from home

    With this course, you will be able to create professional, compelling profiles in freelancing marketplaces like Upwork, Fiverr, People Per Hour, etc and start working for client...

View more courses