Frontend Development – Emplug Academy

About Course

OVERVIEW OF CODE SCHOOL AT EMPLUG ACADEMY

Web design is the creation of websites and pages to reflect a company’s brand and information and ensure a user-friendly experience. Appearance and design are incorporated as vital elements whether you’re designing a website, mobile app or maintaining content on a web page. Gaining web design skills can help you in applying for roles where your creativity could help a business improve their brand, their message and their bottom line.

Web design identifies the goals of a website or web page and promotes accessibility for all potential users. This process involves organizing content and images across a series of pages and integrating applications and other interactive elements.

By the end of this course, you should be able to create, code, and upload basic HTML and CSS files to the Internet, and use JavaScript, including React.js, to build dynamic and interactive web pages. You will have a foundational knowledge of website creation and apply it to the planning, design, and development of your own web page over the course and key industry-standard design guidelines to ensure strong online presentation.

OBJECTIVE OF THE CODE SCHOOL COURSE AT EMPLUG ACADEMY

In this course, you will gain a foundational knowledge of website creation and be able to apply it to the planning, design, and development of your own portfolio website over the course.

This course aims to:

To introduce the fundamentals of the Internet and the principles of Web design.
To construct basic websites using HTML, Cascading Style Sheets, and JavaScript (React.js).
To build dynamic and interactive web pages.
Be able to write and understand basic HTML, CSS, and JavaScript code.
Create a fully functioning website with modern frameworks.
Be familiar with different web design theories and understand web terminology.

LEARNING OUTCOME OF THE CODE SCHOOL COURSE AT EMPLUG ACADEMY

Web Design must have a fundamental understanding of HTML, CSS, and JavaScript, which we will accomplish in this course to build web pages. You will use HTML, CSS, JavaScript, and take advantage of frameworks like Bootstrap and React.js. After completing this course, you will be able to build a responsive portfolio site, with your own CSS framework and interactive features enabled through JavaScript (React.js), with the functionality to add your future projects to it. Most importantly, you will have an understanding of the DOM and how HTML, CSS, and JavaScript (React.js) all relate to each other.

WHAT WILL YOU LEARN IN THE CODE SCHOOL COURSE AT EMPLUG ACADEMY?

By the end of the Code School course at Emplug Academy, you should be able to create, code, and upload basic HTML and CSS files to the Internet. Additionally, you will learn how to utilize JavaScript (React.js) to build dynamic and interactive web pages. You will have a foundational knowledge of website creation and apply it to the planning, design, and development of your own web page over the course, following key industry-standard design guidelines to ensure a strong online presentation.

By the end of the Code School course at Emplug Academy, you should be able to create, code, and upload basic HTML and CSS files to the Internet. Additionally, you will learn how to utilize JavaScript (React.js) to build dynamic and interactive web pages. You will have a foundational knowledge of website creation and apply it to the planning, design, and development of your own web page over the course, following key industry-standard design guidelines to ensure a strong online presentation.

Course Content

WEEK 1: INTRODUCTION TO WEB DEVELOPMENT
Students will be introduced to the foundations of web development, including how the Internet and the World Wide Web function. This week covers essential concepts and terminology, explores the roles of web browsers and servers, and introduces the core building blocks of web development: HTML, CSS, and JavaScript.

WEEK 2: HTML FUNDAMENTALS
This week focuses on understanding the structure and syntax of HTML, the language used to create web pages. Students will learn about HTML elements and attributes, how to format text, and the use of semantic elements to create meaningful content. They will also gain knowledge of links and navigation for structuring websites effectively.

WEEK 3: HTML FUNDAMENTALS (CONTINUED)
Building on the basics, students will learn how to incorporate images and multimedia into web pages to enhance visual appeal. They will also explore HTML forms and input elements to create interactive components for user data collection.

WEEK 4: CSS FUNDAMENTALS
This week introduces the styling aspect of web development, with students learning CSS syntax and selectors to apply styles to web elements. They will explore concepts like the box model, positioning, typography, font styling, and using colors and backgrounds to create visually appealing designs.

WEEK 5: CSS FUNDAMENTALS (CONTINUED)
Students will delve deeper into advanced CSS techniques, including layout creation using Flexbox and Grid systems. They will also learn how to add interactivity with CSS transitions and animations, giving their web pages a dynamic feel.

WEEK 6: JAVASCRIPT BASICS
In this week, students will begin programming with JavaScript, starting with variables, data types, operators, and expressions. They will learn how to use conditionals and loops to create dynamic logic that powers interactive web features.

WEEK 7: JAVASCRIPT BASICS (CONTINUED)
Students will expand their JavaScript skills by learning about functions and their scope. They will also gain hands-on experience manipulating web page content dynamically through the DOM, enabling them to build interactive and responsive websites.

WEEK 8: BOOTSTRAP FRAMEWORK
This week covers the Bootstrap framework, which simplifies responsive web design. Students will learn to use the Bootstrap grid system, typography, utilities, and components like navbars, carousels, and modals to create professional, mobile-friendly websites.

WEEK 9: RESPONSIVE WEB DESIGN
Students will explore the principles of responsive web design, focusing on creating layouts that adapt seamlessly to different devices and screen sizes. Topics include media queries, breakpoints, and the mobile-first design approach, ensuring a consistent user experience across platforms.

WEEK 11: REACT.JS CONTINUED
Building on the basics, students will learn how to handle events, manage state and props effectively, and explore React lifecycle methods. By the end of the week, they will build a simple React application to consolidate their knowledge.

WEEK 10: INTRODUCTION TO REACT.JS
Students will dive into React.js, a popular JavaScript library for building user interfaces. This week covers setting up a React project, understanding components, props, and state, and using JSX syntax to render elements dynamically on web pages.

WEEK 12: COURSE WRAP-UP
This week is dedicated to finalizing the knowledge gained throughout the course. Students will plan, design, and implement a complete website, followed by testing and debugging. The projects will be deployed, and presentations will be made to showcase their work.

WEEK 12: PROJECT WORK (THROUGHOUT THE COURSE)
Students will work on a real-world project incrementally, applying the concepts learned each week. Regular feedback and reviews will guide them in creating a functional, polished website.

WEEK 13: PROJECT WORK (CONTINUED)
Students will refine their projects by testing and debugging their code to ensure functionality, responsiveness, and error-free deployment.

WEEK 14: FINAL PROJECT PRESENTATIONS
In the final week, students will present their completed projects, demonstrating their skills and creativity. The course concludes with a review of the key learnings and preparation for applying their knowledge to real-world scenarios.

Student Ratings & Reviews

No Review Yet

About Course

What Will You Learn?

Course Content

WEEK 3: HTML FUNDAMENTALS (CONTINUED) Building on the basics, students will learn how to incorporate images and multimedia into web pages to enhance visual appeal. They will also explore HTML forms and input elements to create interactive components for user data collection.

WEEK 5: CSS FUNDAMENTALS (CONTINUED) Students will delve deeper into advanced CSS techniques, including layout creation using Flexbox and Grid systems. They will also learn how to add interactivity with CSS transitions and animations, giving their web pages a dynamic feel.

WEEK 6: JAVASCRIPT BASICS In this week, students will begin programming with JavaScript, starting with variables, data types, operators, and expressions. They will learn how to use conditionals and loops to create dynamic logic that powers interactive web features.

WEEK 7: JAVASCRIPT BASICS (CONTINUED) Students will expand their JavaScript skills by learning about functions and their scope. They will also gain hands-on experience manipulating web page content dynamically through the DOM, enabling them to build interactive and responsive websites.

WEEK 8: BOOTSTRAP FRAMEWORK This week covers the Bootstrap framework, which simplifies responsive web design. Students will learn to use the Bootstrap grid system, typography, utilities, and components like navbars, carousels, and modals to create professional, mobile-friendly websites.

WEEK 11: REACT.JS CONTINUED Building on the basics, students will learn how to handle events, manage state and props effectively, and explore React lifecycle methods. By the end of the week, they will build a simple React application to consolidate their knowledge.

WEEK 10: INTRODUCTION TO REACT.JS Students will dive into React.js, a popular JavaScript library for building user interfaces. This week covers setting up a React project, understanding components, props, and state, and using JSX syntax to render elements dynamically on web pages.

WEEK 12: COURSE WRAP-UP This week is dedicated to finalizing the knowledge gained throughout the course. Students will plan, design, and implement a complete website, followed by testing and debugging. The projects will be deployed, and presentations will be made to showcase their work.

WEEK 12: PROJECT WORK (THROUGHOUT THE COURSE) Students will work on a real-world project incrementally, applying the concepts learned each week. Regular feedback and reviews will guide them in creating a functional, polished website.

WEEK 13: PROJECT WORK (CONTINUED) Students will refine their projects by testing and debugging their code to ensure functionality, responsiveness, and error-free deployment.

WEEK 14: FINAL PROJECT PRESENTATIONS In the final week, students will present their completed projects, demonstrating their skills and creativity. The course concludes with a review of the key learnings and preparation for applying their knowledge to real-world scenarios.