IT and Software Development Front-End Web Developer 375 Hours Beginner English Overview Syllabus Objectives Requirement Certification Features Front-end web development, also known as client-side development, is the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly. The Front-End Web Developer course introduces students to front-end web development technologies, including JavaScript, HTML, CSS, and jQuery. Participants learn how to make interactive applications that run inside a web browser and can communicate with a web server running remotely. Participants also learn how to use the version control program Git and collaboration website GitHub. Once complete, participants will have the basic skills necessary to work as a front-end web developer. Lesson 1: Introducing HTML • Understanding the Basics of HTML • Choose a Tool for Writing HTML • Post HTML to a Hosting Service • Define HTML5 Lesson 2: Building a Basic HTML Document • Building an HTML Page • Build a Simple Web Page • Recognize the Standard HTML Tags • Add Paragraphs and Line Breaks • Create HTML Headlines • Use Semantic Tags • Write Links to Other Pages Lesson 3: Introducing CSS • Using CSS • Define CSS • Use Inline Styles • Write a Basic CSS Style Sheet • Use Internal and External Style Sheets • Add CSS Classes and IDs • Understand the Basics of CSS3 Lesson 4: Building and Styling HTML Text • Align Text • Write Ordered and Unordered Text • Create Definition Lists • Add Two Types of Quotations Lesson 5: Understanding HTML5 Semantic Elements • Adding Meaning with HTML5 Sectioning and Semantic Elements • Recognize Sectioning Elements • Add Figures • Include Document Headers and Footers • Create HTML5 Outlines Lesson 6: Adding Images and Multimedia • Add Images to Web Pages • Position Images • Use Background Images • Link to Documents and PDFs • Add HTML5 Video and Audio • Make Multimedia Responsive Lesson 7: Building and Using HTML Forms • Create a Basic Form • Use HTML5 Input • Add In Other Form Input Fields • Validate Forms • Submit Form Data Lesson 8: Getting Started with JavaScript • Learn How JavaScript is Used • Practice Interactively with JavaScript (Simple) • Practice Interactively with JavaScript (Complex) • Define, Modify and Access Variables • Apply Operations • Define and Call Functions Lesson 9: JavaScript Basic Syntax – Part I • Jumping int jQuery and JavaScript Syntax • Execute Code Conditionally • Execute Code • Format Code • Call Functions form the Math Class • Embed JavaScript in HTML • Choose Among HTML Versions Lesson 10: JavaScript Basic Syntax – Part II • Regular Expressions • Define and Access Arrays • Create, Compare, and Call Methods on Strings • Recognize Patterns with Regular Expressions • Call Methods on Arrays Lesson 11: JavaScript Functions • Understand How the Use of Functions in JavaScript Differs from Other Language • Assign Functions to Variables, Arrays, and Other Data Structures • Pass Functions to Other Functions • Return Functions from Functions • Create Anonymous Functions • Capture Local Variables (Make Closures) • Use the Apply Method Lesson 12: JavaScript Objects • Define, Instantiate, and Access Objects • Define Methods with the Prototype Property • Use Namespaces to Avoid Name Conflicts • Create Anonymous Objects • Apply Other Object “Tricks” Lesson 13: HTML Basics • Differentiate Among HTML Versions • Define Hypertext Links and Apply Different Types of URLs • Understand How Block-Level Elements Differ from Other Html Elements • Use Headings and Basic Paragraphs • Understand the Difference Between div and span • Create Bulleted and Numbered Lists • Understand How Inline Elements Differ from Other HTML Elements Lesson 14: More HTML • Use Tables to Present Tabular Information or to Align Sections of Text • Use Forms to Send Data to Servers • Collect User Data with Form Input Elements • Apply a Few Miscellaneous Elements Lesson 15: CSS for JavaScript Developers • Load and Apply Styles • Match Page Elements with CSS Selectors • Understand the Idea of CSS Properties • Assign Colors and Fonts with CSS Properties • Define Spacing with the CSS Box Model • Explore a Few Examples Lesson 16: jQuery Installation, Overview and Getting Started • Getting Started with jQuery • See What jQuery is All About • Download jQuery and Use it in Your Pages • Interactively Practice with jQuery • Manipulate the DOM with jQuery • The Use of jQuery Selectors Lesson 17: Developing Web Applications with Eclipse and Tomcat • Understand Why You Need to Run on a “Real” Web Server when Applying Ajax • Install Java, Tomcat, and Eclipse • Configure and Launch Eclipse • Create and Deploy Apps in Eclipse Lesson 18: jQuery Ajax Support – Basics • Understand What Ajax is all About and How its Use Improves Traditional Web Applications • Make Ajax Requests with ajax: Basics • Walk Through a Complete Example that Uses ajax • Define jQuery Behaviors with Unobtrusive JavaScript • Insert Ajax Results into the Page • Implement Content-Centric Ajax with the Load Function Lesson 19: jQuery Ajax Support – Sending Data to the Server • Send Data to the Server with ajax: Summary • Send Data with an Explicit String • Send Data with a Data Object • Send Data by Using the Serialize Function • Send Data when Using the Load Function Lesson 20: jQuery Ajax Support – Advanced Capabilities • Display Temporary Messages During Ajax Request • Handle JSON Data • Walk Through an Example of Handling JSON Data • Understand and Apply ajax Options • Use Shortcut Functions Lesson 21: jQuery Ajax Support – Promises and Deferred Objects • Using Promises and Deferred Objects for Ajax • Highlight Ajax Results • Display Temporary Messages During Ajax Requests • Check Multiple Promises with when • Create and Apply Your Own Deferred Objects Lesson 22: jQuery: Selectors and DOM Manipulations • Review the Basics of CSS • Recall the Basics of jQuery DOM Manipulation • Find Sets of Page Elements with Basic Selectors • Operate on Sets of Page Elements with Basic Operators • Respond to User Events • Walk Through an Example that Combines Selectors, Operators, and Event Handlers Lesson 23: Unit Testing with JsUnit • Understand the Purpose of JsUnit and the Basic Steps in Applying It • Install JsUnit and Begin Using It • Use Available Assertion Functions • Walk Through a More Realistic Example • Apply Unit Testing to Functions that Use jQuery Lesson 24: Rich Interfaces with jQuery UI Setup and Basic Widgets • First Steps Toward Creating Rich Interactions with jQuery UI • Understand What jQuery UI is All About and How to Set Up Your Page to Use It • Use Styled Buttons: Basics • Use Styled Buttons: Options • Collect Dates Using a Date Picker (Popup Calendar) • Collect Numbers Using a Number Spinner • Collect Numbers Using a Slider • Show Updates Using a Progress Bar Lesson 25: jQuery UI Dialog Boxes • Understand What Dialog Boxes Are For • Create and Pop Up Basic Dialogs • Animate the Opening and Closing of Dialogs • Make Dialogs Be Modal • Use Modal Dialogs that Have Buttons Inserted Automatically • Display Ajax Content in Dialogs Lesson 26: jQuery UI Tabbed Panels and Accordion Panels • Display Static Content in Tabbed Panels • Display Dynamic (Ajax) Content in Tabbed Panels • Animate the Opening or Closing of Tabs • Display Content in Accordion Panels Lesson 27: jQuery UI Autocompleters • See How the Page is Set Up for the Lesson Examples • Understand What Autocompleters are For and the Basic Alternatives in the Source of the suggestions • Get Suggestions from Local (Client-Side) Data • Get Suggestions from Remote (Server-Side) Data • Get Suggestions from a Custom Matching Function • Apply Custom CSS Styles to the Suggestion Menu • Use an Array of Objects to Differentiate between Display Values and Insert Values • Perform Side Effects in Addition to Inserting Value into Textfield Lesson 28: jQuery UI Animation Effects and Themes • Understand What Animation Effects Are All About and What the Available Effects Are • Walk Through an Example That Applies Each of the Animation Effects • Understand How Themes Let You Update the Look of Your Pages with Little Change to the Code • Change Themes at Runtime • Design Your Pages So That They Adapt Well When the Theme Changes Lesson 29: Configuring Git • Three Levels of Configuration • Basic Configuration Settings • Configuring Line Endings • Configuring Aliases Lesson 30: Getting Started with Git • Saving your Code Properly Through Versioning • Creating Your First Git Repository • Committing in Git • Understanding a Git Commit • The Benefits of the Staging Area • Git Log for Viewing History Lesson 31: Getting Started with GitHub • Creating a Repository in GitHub • Uploading your Repo to GitHub • Creating a Repository After Starting to Code Lesson 32: Files in Git – Renaming, Deleting, and Ignoring • How to Rename a File in Git • Deleting a File in Git • Ignoring Files Using a .gitignore File • Global gitexcludes and Other Git Ignore Options • Git Ignore Precedence • Git commit -a Lesson 33: Branching, Merging, and Rebasing • Introducing Branching • Merging a Branch • Creating a Fast Forward Merge • Introducing Recursive Merges • “No Fast Forward” Recursive Merges • Resolving Merge Conflicts • Another Merge Conflict Example • Git Diff • Introducing Rebasing • Rebasing a Branch • Handling Rebase Conflicts Lesson 34: Reviewing a Project on GitHub • Getting an Overview of a Project on GitHub using the README • Getting More Information About A Project • Introducing Issues • Viewing Project State through Pulse and Graphs Lesson 35: Configuring a Project on GitHub • Basic Configuration Options and Renaming a Repo • GitHub Pages • Adding Collaborators and Integrations • Configuring Deploy Keys 6 Reasons to Complete Your Training With Us Flexibility With our programs, you can learn and study at your own pace with access 24/7/365 for the duration of your program. This means you can learn on your own terms and work around your own schedule. Support Our online training comes with access to real, live support personnel that will help you through every step from our admissions adviser who will assist you with selecting the right training for you, to our student adviser who will be there with you during your entire training journey. Relevancy We have tailored our programs to provide comprehensive training in the technical and soft skills employers are looking for. With direct input and feedback from industry leaders and hiring managers, our program aligns with exactly what you need to successfully enter the workforce. Certification Our career training not only gives you the knowledge you need but preparation for the certification exams relevant to your desired career path. If you are pursuing an exciting new career in a field with a national certification, our program will both prepare you to sit for the exam but will often include a voucher for the exam cost. Simulations and Case Studies Our training programs have been developed with real learners and professionals in mind, so our programs incorporate real-world case studies and virtual simulations that will provide examples and interactions with real-life situations you may encounter during your career. These allow you to learn by experience with circumstances similar to what will be your daily responsibilities on the job. Engaging and Interactive Our training curriculum was developed with you in mind, looking at modern day learners and their needs. Our curriculum contains a mix of formats including reading, listening, watching, and interacting that will immerse you into a fun and engaging learning experience you will not only enjoy but not want to end. Program Description Description Audience Learning Objectives Support Description Completion Time Front-end web development, also known as client-side development, is the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly. The Front-End Web Developer course introduces students to front-end web development technologies, including JavaScript, HTML, CSS, and jQuery. Participants learn how to make interactive applications that run inside a web browser and can communicate with a web server running remotely. Participants also learn how to use the version control program Git and collaboration website GitHub. Once complete, participants will have the basic skills necessary to work as a front-end web developer. FAQ How do I request more information about a course? To request more information, you can contact us via online chat, our website contact form, or toll free at 1-855-201-6910. What is the difference between online courses and classroom courses? Online courses are accessible 24/7/365 and self-paced, allowing you to progress at your own pace on your own schedule. They can be taken from anywhere in the world from the comfort of your own home. Classroom courses have a set schedule of the days and times the courses will be held, and you must attend during those specific times. I’m not sure if I will be able to successfully take on online course, what should I do? Find out if online learning is right for you by contacting our team of registration advisers. Our team is available to answer any of your questions about taking an online course before you commit to enrolling. We will walk you through what to expect to ensure you are making the right decision. You can contact a registration adviser today via online chat, our website contact form, or toll free at 1-855-201-6910. Do I need a degree or high school diploma to take an online course? No, you are not required to have a diploma or higher education degree to enroll in an online course. However, some occupations may require minimum educational thresholds for employment or certification. For more information on your desired career requirements, please contact us via online chat, our website contact form, or toll free at 1-855-201-6910. What do I need to take an online course? To take an online course, you will need to have access to an internet connection and an internet ready device such as a laptop, PC, or tablet. For course specific requirements, please visit the course page or contact a registration adviser today. What format will my online course be in? Our courses are developed with multiple formats including text, audio, video, and interactivity. Our courses also include multiple resources and tools which can include flashcards, games, activities, and more. Do I have to be local to take a course? No, you can take the online courses from anywhere in the world. Do you offer or accept any financial assistance options? We participate in several financial assistance options including third party funding, both military and non-military. To request more information on the financial assistance options available and check your eligibility, contact us via online chat, our website contact form, or toll free at 1-855-201-6910. What does the course duration mean? Duration is the amount of time you will receive access to your course. Durations vary by course and range between 1 month and 12 months. If you complete your course before your duration ends you will continue to have access to your course until the duration period ends. What does “Certification Voucher Included” mean? Many of our career training programs include certification vouchers. This means that at the successful completion of your course, at no additional charge, you will receive an exam voucher for the corresponding industry certification. This voucher will allow you to register and sit for the appropriate certification exam to obtain your industry credential. When will I start my course? Our online courses are open enrollment, so you can start immediately. If you are using any third-party funding to cover your course tuition, your start date may be a future date determined by your funding program. What type of support will I receive during my course? Once enrolled, you will be assigned a client adviser who will provide you with customer and technical support. Your client adviser will supply you with your course access information, any needed materials, and be available to answer any questions you have during your training experience. They will regularly check-in with you to monitor your progress and assist you with staying on track. You will also be assigned to a course mentor who will provide curriculum support throughout your training. Your mentor is available to answer any questions you have on your course curriculum, will monitor your progress and understanding of the curriculum, and may give assignments or quizzes. Who do I contact if I cannot access my course? If you experience any trouble accessing your course including technical issues or lost login credentials, please contact your client adviser at Austin Peay State University. Who do I contact if I need an extension? Our goal for students is to successfully complete their training course and achieve their career goals. We understand that extenuating circumstances can interfere with your ability to complete your course in the duration given. Because of this we have free or low-cost extensions available for our courses upon request. To discuss or request an extension please contact your client adviser at Austin Peay State University. What do I receive when I complete my course? Upon successful completion of your course and fulfillment of any outstanding financial obligations, you will receive your certificate of completion. Certificates are provided to you within 30 days of completion. Your certificate will validate the training course you completed with a stamp of completion. Will I receive any job search assistance or externship opportunity after I finish my course? Students that successfully complete our career training programs are assigned a career development adviser who will coordinate placement at a local externship or hands on opportunity. These opportunities are optional and may vary based on availability and occupation. Your career development adviser will also provide job search services such as: resume building, mock interviews, job opportunity resources, and more. Our professional enrichment courses do not come with a career adviser or career services. $1,995.00 Enroll Now Overview Ready to dive in? Program Description FAQ Training Plan Any Questions? Start a Live Chat Call Us 1-855-201-6910
