21-Day Coding Challenge is Back!

Register Now

Intro to Front-End with JavaScript


  • 6 Weeks

    6 Weeks

  • 2 evenings per week

    2 evenings per week

  • 3 hours per evening

    3 hours per evening

  • In-person


Learn how to build and style websites and landing pages using HTML, CSS & JavaScript. During this 6 week program you will build your own website from scratch, learn the core principles of responsive design, and leverage JavaScript to make your site dynamic and interactive. If you manage a website, want to build your own website, or work with dev teams building web applications, this program will provide you with a great foundation in front-end web development.

Who is it for?

New to coding? The Intro to Front-End with JavaScript program is a great starting point. In 6 weeks, you'll go from no coding experience to structuring web pages with HTML, styling them with CSS, and adding dynamic functionality using JavaScript. We will round out the 6 weeks with a look at AJAX and API requests to enable your website to dynamically display information from other web services like Twitter, Google Maps, and more.

  • 6 week part time coding program

    Coding Newbies

    This program is designed to whet your appetite for learning to code. If you are curious about how websites are built and want to try it first hand this program is a great platform to do so.

  • build app idea

    Personal Projects

    Do you operate a blog or website and want to make it stand out? Or maybe you have an idea for the ‘next big thing’? The fundamentals we cover will kickstart your ability to bring those ideas to life.

  • coding for professional development

    Professional Development

    Are you a marketer who is trying to customize email templates, landing pages, and WordPress sites? Are you grappling with tracking pixels and tag management? Or are you a Product Manager or Designer working with a dev team on a web application? This program will empower you to take on tasks yourself and communicate more effectively with your in-house and outsourced development teams.

  • coding bootcamp intro program

    Future Bootcamp Students

    Unsure if a career as a developer is right for you? Our part-time program is a great way to dip your toe in the pool before diving right in. It will give you a great introduction to the world of software development.

What you will learn:

  • Web development basics

    Web Development 101

    What does all that code mean? Have the intricacies explained in a way that informs and empowers you.

  • html css bootcamp

    HTML & CSS

    Learn to create gorgeous, responsive web pages and captivate audiences using HTML5 and CSS3.

  • learn javascript


    JavaScript is the universal programming language of the web, used by many and loved by all. It makes websites dynamic and interactive and is the key to unlocking the full potential of front-end web development.

  • learn jquery


    Make your projects stand out through the use of jQuery, one of the most popular JavaScript libraries.

Part-time Curriculum.

Classes will be focused on building your coding knowledge with languages such as HTML, CSS, JavaScript and libraries such as jQuery. You will get plenty of hands on practice building web pages and will get a strong understanding of how the technologies work together. Talented developers from your community will mentor you throughout the program!

  • WEEK 1 & 2 Web Programming with HTML & CSS

    Learn the main languages of the web, HTML & CSS. Our instructors will teach you how a browser understands a web page, and empower you to start building your own.

    Web Development 101
    What does all that code on a page mean? Have the intricacies explained in a way that shows you the ropes.

    HTML & CSS
    These are the primary building blocks of webpages. You’ll learn how to structure your pages with HTML and make them look the way you want with CSS. Get introduced to the tools you will use throughout the program including:
      • Brackets, a modern open source code editor
      • Compass, our custom built Learning Management System
      • Github, a service to keep track of the development of your projects.

  • WEEK 3 & 4 JavaScript and jQuery

    This week will introduce some advanced CSS concepts and responsive design to complete the first project of the program. We’ll also dive into JavaScript and jQuery and start building our first dynamic web page.

    Advanced CSS
      • Learn how to take your web page styling to the next level by learning more about advanced selectors and pseudo selectors.
      • CSS animations allows animation of most HTML elements

    Responsive Design
      • Make your project suitable for mobile and tablet views by learning media queries.

    Introduction to JavaScript & Programming
      • Learn about how a computer uses logic, syntax, and data and how you too can use them to do amazing things.
      • Learn the fundamentals of programming in JavaScript including integers, strings, booleans, variables, arrays, if statements, loops, objects and basic functions.

    Introduction to jQuery
      • Learn how to access and manipulate the Document Object Model.
      • jQuery is one of the most popular JavaScript libraries. Learn how to use it’s helper methods to make your website interactive.

    Much like your mother’s casserole, we show you how to mix code and content together so that you can dynamically build a website piece-by-piece.

  • WEEK 5 & 6 Deploying Your First Website

    The final section of the program has you not only putting the finishing touches on your very own web application, but deploying it on the web so that friends and family can see what you have accomplished. Then, we will show you what else is out there and how to take your new skills to the next level.

    Advanced jQuery
      • Learn how to add and remove elements dynamically from the DOM.
      • Read JavaScript methods.
      • Work with JSON.

    Server vs Client
      • Two sides to every coin, right? Some of the work on a webpage happens on another computer, the server, and some happens right in your browser. We teach you what happens where, and why.

    Understanding HTTP
      • HTTP is the language your browser uses to request data from the web. Learn to speak it, too!

    Ajax Requests & APIs
      • Learn how to use AJAX to request a smaller piece of information and display it without reloading the page.
      • Send GET requests with jQuery.
      • Understand how to read API documentation.

    Deploying your first Web App!
      • Live, on the web, you can show people you know what you’ve built and have them marvel at your new skills.
      • Understand what else is out there!

    Now that you’ve exposed the tip of the digital literacy iceberg, learn how much more you can do based on the skills you’ve learned. Get some tips and tricks for building your next project.


Learn from professional developers who bring years of experience and passion for mentorship into the classroom.

  • coding bootcamp Instructor
    Brandin Chiu
    Spoonity, Inc
    Brandin has been developing software and web solutions for almost a decade. He brings with him a passion for digital literacy and is backed by a strong belief in the importance of self-reliance. He's excited to be working with Lighthouse Labs to help propel the next generation of developers to success!
  • coding bootcamp Instructor
    Tory Shoreman
    Beamwork ES
    Tory is a history major, turned bank employee, turned dev. She left a career in banking when she discovered her love of web development. Since graduating from Lighthouse, she has worked as a front-end developer and is excited to share her love of all things CSS with the Front-End Fundamentals students!
  • coding bootcamp Instructor
    Bassim Sadik
    Bassim is a hockey addict and fantasy sports lover with a background in economics who has always had a passion for coding. He was a part of the March 2017 Web Development cohort at LHL and has been working as a front-end developer since graduating.
  • coding bootcamp Instructor
    Alvin Ng
    Alvin has had a wide range of careers from a car salesman to liquor auditor - But he's always had a passion for building things and after he graduated from LHL he was hooked. Outside of the office, he could be found playing ultimate, softball or boxing. He is level 3 first aid certified.
  • coding bootcamp Instructor
    Mark Zsombor
    Mark made a switch from Chemistry to Coding with the help of LHL and now fills his days hunting & squashing bugs, then creating new ones in an endless cycle. He's a strong proponent of the importance of digital literacy and personal improvement. When not coding he's an avid gamer and enjoys hiking.
  • coding bootcamp Instructor
    Charlotte Lopez
    Corus Entertainment
    Charlotte's favourite things are design, dance, and code. She's a self-identified nerd and has recently been learning about finance. Charlotte has 12+ years of experience working in the broadcasting industry and merges her diverse interests by working with external broadcast apps and design!
  • coding bootcamp Instructor
    Carlos Garate
    A Web Developer since the time of slow dial-up, Carlos loves mentoring people about Web tech. In order to catch up with the cool web kids, he enrolled in bootcamp in early 2017 and loved every minute of it. He currently works happily for Rangle.io and is a photographer in his spare time.
  • coding bootcamp Instructor
    Chuck Kosman
    Former earth sciences scholar and educator, Chuck graduated from our web dev bootcamp in March 2017. When not in front of a screen or DnD table, he is in constant search for the newest and most delicious craft beer the Lower Mainland has to offer.

You will also be supported by our awesome staff.

programming boot camp graduates coding bootcamp graduates
programming boot camp graduates coding bootcamp graduates
programming boot camp graduates
programming boot camp graduates coding bootcamp graduates
programming boot camp graduates coding bootcamp graduates
programming boot camp graduates
programming boot camp graduates coding bootcamp graduates

What Our Alumni Have to Say

    Not only do you leave with a new skill set under your belt, you meet a significant amount of super talented and passionate people.

    Previously: Designer
    Now: Co-Founder of Fetch

    Lighthouse Labs Testimonials

    Dollars & Start Dates

    Please select a city to see pricing & start dates.

    Full Tuition Fee




    Start Dates


    • What’s the difference between the Intro to Web Development and Intro to Front-End with JavaScript course?

      Think about it this way, the Intro to Web Development course covers the breadth of Web Development including both front-end and back-end, while the Intro to Front-End with JavaScript course deals solely in front-end development in greater depth. If you want to get a good understanding of how teams web technologies work and gain a better way to communicate with developers, then take the Intro to Web Development Course. However, if you want to learn more front-end skills like learning how to style websites and gain a more practical skillset, then the Intro to Front-End with JavaScript course should be your pick.

      There is no right or wrong choice but they provide different outcomes based on what you are looking to gain out of the course.

    • Which should I take: the Intro course or the Bootcamp?

      Ask yourself: "Do I want to work as a professional developer?"

      If the answer is 'yes', then there is no question that the full-time development bootcamp is the program you need.

      The goal of our bootcamp is to transform you into a professional full-stack developer. You’ll come to understand coding logic, and learn how to think like a dev by building software from the ground up using industry-relevant technologies. Our program will provide you with mentorship, data-driven curriculum and a top notch learning environment that will launch you into your first junior developer role.

      If the answer is 'not sure', taking our part-time course might be the best option.

      Our Intro to Web Development, Front End Fundamentals with JavaScript & iOS Development courses are excellent for:

      • People interested in learning how to code
      • People interested in learning how to communicate with a development team
      • People looking to gain career skills to help in a hybrid role
      • People interested in learning if they enjoy development before taking our Bootcamp

      You can read more on the subject in our blog post: Full-time vs. Part-time: Which Program Is For Me?

    • How often do you run cohorts and how do I apply?

      Our bootcamps run year round, on a rolling basis. In Vancouver and Toronto they starts every 4 weeks. Our part-time courses run every 6-12 weeks.

      You can see all upcoming start dates when submitting your application!

    • Do you offer corporate training?

      Yes! Many organizations have sent their employees to us to upgrade their technical skills.

      Our Intro to Web Development courses are fantastic for people looking to gain a technical knowledge of development that can help when communicating with a dev team, managing development projects, understanding technical limitations, or transitioning into a hybrid development role.

      Our Web Development Bootcamps can train someone with zero coding experience, into an agile developer in 10 weeks. This is a great option if you love your company but are looking for a career change, if you are currently a developer but need to learn new technologies, or if you're a founder looking to have more control over your the development of your product.

      We can also build custom curriculum for your organization. If you need niche technical or development training for your team, please get in touch via hello@lighthouselabs.ca.