Can you code 21 days in a row? Complete the challenge, increase your skills, win prizes!

Click to Learn More

Front-End Fundamentals with JavaScript

Overview

  • 6 Weeks

    6 Weeks

  • 2 evenings per week

    2 evenings per week

  • 3 hours per evening

    3 hours per evening

  • In-person

    In-person

Learn how to build and style websites and landing pages using HTML, CSS & JavaScript. During this 6 week course 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 course will provide you with a great foundation in front-end web development.

Who is it for?

New to coding? The Front-End Fundamentals with JavaScript course 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 course

    Coding Newbies

    This course 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 course 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 course will empower you to take on tasks yourself and communicate more effectively with your in-house and outsourced development teams.

  • coding bootcamp intro course

    Future Bootcamp Students

    Unsure if a career as a developer is right for you? Our part-time course 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

    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

    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 course!

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

Instructors

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

  • coding bootcamp Instructor
    Maggie Moss
    SkyVerge
    Maggie was part of our rockstar January 2015 cohort in Vancouver, and now she's passing on that knowledge to our students in Toronto. She's moved across the country three times in the last two years and currently works remotely as a Rails Engineer at SkyVerge.
  • 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
    Scott Domes
    MuseFind
    An English Literature major turned developer, Scott traded Jacobean poetry for JavaScript but kept the passion for compelling and concise writing. Learning web development at Lighthouse Labs changed his life for the better and he's excited to now help others do the same.
  • 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
    Rangle.io
    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
    Sarah Veness
    Shopify
    Passionate about mentorship, Sarah began instructing with Ladies Learning Code post-graduation from bootcamp. She's thrilled to now join the teaching team and lead new coders through their Front End Development journey. Outside of class you can find Sarah playing DnD or channelling her inner Masterchef.
  • coding bootcamp Instructor
    Chuck Kosman
    The Jibe
    Former earth sciences scholar and educator, Chuck graduated from our web dev bootcamp in March 2016 and has worked at Vancouver dev agency The Jibe since. 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

    $

    Deposit

    $

    Start Dates

    FAQ

    • What’s the difference between the Intro to Web Development and Front-End Fundamentals 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 Front-End Fundamentals 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 Front-End Fundamentals 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 learn: web development or iOS development?

      The choice between web and iOS should be based off your own personal interests and passions. When making your decision, you should weigh the benefits between the two very different development career paths, speak with both web and iOS developers, or try your hand at coding for both web and iOS to get a feel for which you prefer.

      You can also consider your personal preference for your work style. Companies often hire Web Developers into collaborative teams, where as iOS Developers are often working individually on projects. At the end of the day, pursue whichever subject you want to build your new development career on!

      To help weigh between the two options, our former General Manager Sylvia has helped break down the pros and cons of each in our blog post: iOS or Web: Which Bootcamp Should You Take

    • 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 Web and iOS Development Bootcamps run year round, on a rolling basis. In Vancouver and Toronto, our Web Development Bootcamp starts every 4 weeks, and our iOS Development Bootcamp every 10 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 and iOS 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 and iOS 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.