FRONT-END WEB DEVELOPMENT WHY CODEFUL? Codeful is the premier web development bootcamp native to London. It offers part-time, handson, and technologically current courses for people looking to learn how to code. The introduction Front-End Development course will teach absolute beginners to create beautiful websites on their own. So whether you want to build a personal or business website, become a freelancer, or just gain a technical knowledge that will be an asset to your current line of work, Codeful is the place for you. COURSE OVERVIEW This 10-week course is catered to beginners who have no previous knowledge in coding. Students will be taught the basics of web development using the HTML and CSS languages. You will be learning the structural foundation of a website using HTML and styling the site using CSS. By the end of the course, you will have the ability to design and develop beautiful visual experiences that scale across all devices including desktop, laptop, tablets, and devices. 1
IS THIS COURSE FOR ME? This course is perfect for you if you... 1. Are an entrepreneur You want to build a website or landing page for you new app or business, or you want to gain a technical knowledge so you can communicate effective your technical co-founder 2. Have your own business You want to build a website or landing page for your business and do not want to pay an exorbitant price for a professional developer to create it (to give some perspective, developers usually charge anywhere from $3000-$15000 for a single website) 3. Want to become a freelancer You want a new career or perhaps a part-time job to make some money through making websites for others. 4. Want to make yourself more employable or need to have a technical knowledge to get ahead in your current line of work Are you currently a product manager, product marketer, managing an IT team, or working at a startup or technology company, or do you want those roles? Knowing how to code or simply having that technical knowledge is crucial step to getting that promotion you want or get an opportunity to get that dream job you ve been hoping for. 5. Want to improve your overall computer knowledge and take up a useful new hobby Technology is growing so rapidly, it is definitely hard to keep up. There is no doubt that technology will just be a larger and larger part of our lives. Why not get a head start and stay knowledgeable and relevant! 2
THE PERKS OF BEING A STUDENT 1. The full learning experience Here at Codeful, we understand that everyone has very different learning styles. Some learn better through lectures, some through reading textbooks, and others through handson learning. We accommodate for all of these learning styles by blending all three of these learning methods in our teachings. Our weekly classes will begin with a 1.5 hour lecture, we will then assign a relevant project for students to do for the next 1.5 hour of class so they get the hands on experience. Instructors and teaching assistants will be constantly circling around to answer any individual questions you have. We also provide each student with a comprehensive textbook that thoroughly covers all of the topics we will be learning in class. On top of that, each student will receive a complimentary subscription to Treehouse.com, an online platform that teaches web development concept through video tutorials. This way, even if you are not in the classroom, you will still have the resources to help you learn. 2. Culture 3. Swag Not only is Codeful a classroom, but also a community of collaborative and enthusiastic learners. We seek to take learning outside of the classroom by hosting regular coffee meetups where we can code together, share our work, socialize, and brainstorm creative ideas we have. We will also host other social events to help you further bond with your classmates, as well as network with others in the London entrepreneurship community. Each student will receive: I. a course textbook II. an online subscription to Treehouse.com III. a Codeful t-shirt IV. other cool swag 4. Flexible Accommodations We understand that as student, working professionals, and parents, it can be difficult to commit a weekly activity, and a barrier to committing to this course is the fear of missing a class or two and falling behind. Don t fret, we will hold additional office hours and additional classes for you to help you stay on top of the course even if you do miss a class or two! 3
COURSE INFORMATION TIME February 8 - April 19 Every Sunday from 1-4pm (10 Weeks) LOCATION Propel Entrepreneurship Western University Room 2130 in the Western Student Services Building London, Ontario N6A 3K7 4
PRICING Codeful s mission is to make our courses as accessible as possible, making our tuition costs the lowest compared to industry average. Regular: $900 Students and Women Discount: $100 off *Entrepreneur Discount: $300 off Regular or Early Bird Special, discount can be applied in conjunction with Student or Women Discount (Regular - $600, Student or Women - $500) *You are considered an Entrepreneur if you are between the ages of 18-29, working on/for a startup and engaged with the Western Entrepreneurship Centre on an ongoing basis. There are 5 subsidies available so there will be a simple application process involved. Please contact us for more details. 3. Scholarships and Subsidies FINANCING OPTIONS We offer various financing options to accommodate for your personal financial circumstances. Below are some of the financing options available to you: 1. One-Time Payment Full tuition is paid before the start of the course 2. Two Installments We require 50% of the tuition by Feb 15 and the other 50% by March 15. Western Entrepreneurship Centre Subsidy: $300 value. Refer above in the Pricing section for more information, or directly contact us at info@codeful.ca or (226) 980-5196 Your current school might have existing scholarship or subsidy options. We will provide any documents you require to make it possible. In the meantime, we will continue to look for more scholarship and subsidy options to help you achieve your educational goal. Stay tuned. 4. Corporate Financing Your current company may have financing or subsidy options for you to enrol in our course. We will provide any documents you require to make it possible. REFUND POLICIES We will issue full-refunds, excluding the $150 deposit anytime before the start of the third class of any given course. 5
Q & A I VE NEVER CODED BEFORE, WILL I BE ABLE TO KEEP UP IN CLASS? We ve designed our courses for complete beginners, so we assume no previous knowledge or experience. We realize that every student is starting at a different point, so we ve created an educational model that is flexible enough to accommodate everyone. WAIT, BUT WHAT IF I AM NOT A BEGINNER? Depending on the experience you have had, there may be some topics that will be review for you. You can take a look at our curriculum to see if the amount of concepts that you have not learned are worthy of you investing in the course. What we will say is that a review of topics you have already learned is always useful. Since technology changes to fast, there is a good chance that your knowledge if no longer up-to-date. Furthermore, it is always important to reinforce and review the concepts you have already learned. HOW MUCH TIME COMMITMENT AM I LOOKING AT? The time commitment for each course varies depending on the concepts and material we are covering. There is no magical number because each student learns at their own pace. Our recommendation is to spend as much time as possible practicing and applying the skills you learn to real projects. However, we understand that everyone has other commitments. We work with every student to help them manage the workload and ensure success. If you are looking for a specific number, we would recommend anywhere from 3-8 hours of additional learning outside the classroom. HOW DO I PREPARE FOR THE COURSE PRIOR TO THE START DATE? We send out a prep course to all prospective students interested in taking our course. The prep material covers the basics of HTML/CSS and gets you ready for the first day of class. WHAT DO I NEED TO BRING TO CLASS? Other than your eagerness to learn, this course is BYOL (Bring Your Own Laptop). Macs and PCs both work! GET IN TOUCH! Thank you for your interest in Codeful. We hope you ll join us for one of our courses, free community workshops or events in the future. In the meantime if you have any questions, please feel free to contact us. Email: info@codeful.ca Phone: (226) 980-5196 6
CURRICULUM WEEK 1: INTRO TO TOOLS & RESOURCES Learn the tools you ll use every day to set up edit any website code and become familiar with how to get the best results quickly and efficiently. This first class will cover the basics you need in order to do any of the take home lessons, or pull apart websites that you encounter in the wild. We will discover some of the websites that can help you find information and templates in order to get you started right away. WEEK 2: STRUCTURE & SEMANTIC MARKUP We will cover the essential HTML and CSS elements and why it s important to the structure of the page Now that we know the basics, we can start looking into the actual structure of a page, and why they are made the way they are. We learn about web crawlers (like Google) and why using the right elements on your page is important. WEEK 3: LINKING EXTERNAL & LOCAL ASSETS We cover the multiple ways to link files from other servers as well as locally on our own computer. Here we learn about including additional fonts and icons. Being able to include different files into our page is really important. We go over some of the different types, what you can link to your page, and some of the common pitfalls to watch out for. WEEK 4: CSS3 TRANSITIONS & ANIMATIONS Animations and transitions are important for providing smooth and fast changes to element styles. Adding some subtle animations and transitions will make your site more engaging and, if done right, easier to use. We start with simple property transitions and go into more complex keyframe animations. WEEK 5: INTRO TO SKELETON Skeleton is a CSS Framework that will help us rapidly design and develop simple layouts. Skeleton is a framework that gives us a basic starting point for any simple page. There is a grid system for layout, as well as some default styles for tables, buttons, and forms. We will learn how to use Skeleton, but also how to add to it and make our own buttons and styles. 7
WEEK 6: TABLES, FORMS, AND IFRAMES These elements are a little less common but can be extremely powerful when used correctly. This class covers some of the more advanced elements in HTML. These elements are very special and have some confusing and unintuitive attributes. These elements can cause a lot of problems when not used correctly. WEEK 7: BASICS OF RESPONSIVE DESIGN We cover some of the essential tools required to make a site responsive and easy to use on a mobile device. Most people in this country have a mobile device. Being able to create pages and layouts that respond properly to these devices is going to be a valuable skill in the future. WEEK 8: HTML5 AUDIO & VIDEO Modern websites also have more than just pictures. Including video and audio can provide additional value to your site. Including audio and video on your pages is going to make them more enticing to visit and differentiate your pages from sites without more dynamic content. These elements can also be difficult to use and have different results based on which web browser you are using. We go over some of these cases, as well as supplemental tools to these elements called polyfills. WEEK 9: HOSTING & FTP How to get hosting and setup FTP will allow us to put our site live on the internet. Knowing how to host and update a live site is really important. We go through the steps from buying a domain to putting the site live. Things we will cover include: domains, DNS, Nameservers, MX Records, and FTP accounts. WEEK 10: HTML & CSS PREPROCESSORS Preprocessing is the next level of speed and functionality. We cover some essential tools that can make our jobs easier. Most developers today use frameworks and applications to increase their speed and consistency. We will learn what some of the more popular tools are, as well as how to use them to increase our speed and help us write more complex and maintainable code. 8