Programming Languages/ Tools you will learn
Here's what our students have to say about being a part of the Crampete family and learning skills that empower them! A community in the making- sharing skills, experience and knowledge!
Front End Development
Become a front end developer and learn how to build beautiful websites and functional web applications. This course is perfect for any one who wants to start their career in the ever-growing IT sector.
This course, designed for both students with and without experience in Front End Development, makes you a well-rounded professional.
Course Syllabus
Modules are picked to give you a well-rounded ability in Front End Development skills.
Module 1: HTML
HTML and CSS are the building blocks of any web application. A strong foundation on HTML and CSS is very important to become a successful full stack web developer.
View detail- 1. Introduction to HTML
- 2. Browsers and HTML
- 3. Editors Offline and Online
- 4. Tags Attribute and Elements
- 5. Doctype element
- 6. Comments
- 7. Heading
- 8. Paragraphs
- 9. Formatting Text
- 10. Lists
- 11. Links
- 12. Images
- 13. Tables
Module 2: CSS
CSS are the building blocks of any web application. A strong foundation on CSS is very important to become a successful full stack web developer.
View detail- 1. Introduction CSS
- 2. Applying CSS to HTML
- 3. Selectors properties and values
- 4. CSS Colors
- 5. CSS Backgrounds
- 6. CSS Box Model
- 7. CSS Margins Padding Borders
- 8. CSS Text and Font Properties
- 9. CSS General Topics
Module 3: JAVASCRIPT
Javascript is the most popular language in both front-end and backe-end (Node.js), thus you can become a full-stack web developer just by learning JavaScript.
View detail- 1. Introduction to JavaScript
- 2. Applying JavaScript (internal and external)
- 3. Understanding JS Syntax
- 4. Introduction to Document and Window Object
- 5. Variables
- 6. Operators
- 7. Data Types
- 8. Num Type Conversions
- 9. Math
- 10. String Manipulation
- 11. Objects
- 12. Arrays
- 13. Date and Time
- 14. Conditional Statements
- 15. Switch Case
- 16. Looping in JS
- 17. Functions
Module 4: REACT JS
In this module, you will gain the knowledge to create interactive UI with ReactJs. Work with various react components. Learn the life cycle of the components, error handling, and rendering. Work with Redux and Redux saga.
View detail- 1. Introduction
- 2. Templating using JSX
- 3. Components
- 4. State and Props
- 5. Lifecycle of Components
- 6. Rendering List
- 7. Portals
- 8. Error Handling
- 9. Routers
- 10. Redux
- 11. Immutable.js
- 12. Redux Saga
- 13. Service side rendering
- 14. Unit testing
- 15. Webpack
Projects
Each project is designed to deepen and solidify your theoretical and conceptual understanding.
Build a Dynamic Landing Page
Using Bootstrap, you'll build a dynamic landing page. Along the way you'll get intimate with mobile responsiveness, applying basic design concepts, and structuring content the right way.
Simple Quiz Game with Javascript
In this project, you'll learn the proper way to start any project by following a set of principles. You'll understand basic logic and apply it in a quiz game, by using JavaScript to manipulate the DOM.
Build Weather App
Using an open API, you'll build a simple weather app. You'll get good at network calls using HTTP libraries. You'll also learn how to mount, update and unmount (lifecycle) components with React.
Portfolio Website
In this exercise, you'll build a nice project portfolio website that showcases all the projects you've built thus far in this course. This portfolio website will be highly valuable in your job search.
Admin Dashboard with Dummy Data
In this project, you'll build a collection of navigational components known as React Router, a frequent programming task in software shops. This is an impressive project to present during interviews.
Due to Covid 19, we have moved all our classroom programs (in Malaysia, India and Singapore ) to online.
Delivery Methods
We offer three convenient training methodologies to suit your individual learning styles and preferences.
Online Live Class
Access your training from the comforts of your home, college or any other location you prefer. Learn with a motivated group of individuals.
Blended Class
Master theory and programming concepts with our recorded videos and come to the learning centre for the hands-on labs and project sessions.
Gurukul
Crampete Gurukul model is a full-time classroom-cum-internship program where you learn in a high-stakes development environment.
Batch Details
Flexible options that suit your learning temperament, to take where you want to be.
Online Live
June 6th, 2020
Evening Batch (Singapore, India and Malaysia)
Admission Deadline: June 4th,2020
Enrol Now & Pay Later
Online Live
June 13th, 2020
Evening Batch (Singapore, India and Malaysia)
Admission Deadline: June 11th,2020
Enrol Now & Pay Later
Online Live
June 20th, 2020
Weekend Batch (Singapore, India and Malaysia)
Admission Deadline: June 18th,2020
Enrol Now & Pay Later
Due to Covid 19, we have moved all our classroom programs (in Malaysia, India and Singapore ) to online.
A community in the making!
Here's what our students have to say about being a part of the Crampete family and learning skills that empower them! A community in the making- sharing skills, experience and knowledge!
"Crampete has a great way of teaching – it's highly practical-oriented rather than a theoretical class. You've to sit and work out the problems each and every day. There are daily assignments and weekly homework. I personally recommend Crampete as a good way to start your career in data science."
Rohan Samuel Jayaseelan
“I’ve taken up Crampete full stack developer course coming from zero coding and programming knowledge myself. It’s an intuitive ecosystem which makes total newbies easy to pick up and learn. Crampete also provides live discussing sessions for the learners to have live interactions with the lecturers which is an absolute plus point.”
BARRATHAN, MALAYSIA
“Full Stack Self Paced Course from Crampete is good for me even though I had zero background in programming. Now, I am able to build a website by myself and all that skills are from learning the course offered by Crampete. The best feature in this course is that Crampete offers mentoring sessions, so whenever I have problems, the mentors are ready to guide me in solving the problems.”
SYAFIQAH AZIZA, MALAYSIA
“Crampete's Full Stack Web Development is the program you need to take to become a great programmer. It teaches a lot of programming languages like HTML, CSS, JavaScript, MongoDB, DynamoDB, React JS, AJAX, and so on. I first learned front-end development, then back-end development, and then backend development. Tri Thanh Alan joined Konexaa as a Software Developer.”
TRI THANH ALAN
“I was having nil knowledge about programming before joining Crampete. The experienced trainers are friendly and approachable. They taught personally and individually – until we got the concepts clearly. The only thing that stood apart in my resume is the Crampete classes. I got placed in Hexaware and NTT Data!”
JOSHIBA FERNANDO
“I learned Python, statistics, machine learning which is a valuable skillset for data scientists. Before joining Crampete I had zero knowledge in all the above. Crampete's well-trained staff got me up to speed through rigorous practice exercises. I highly recommend Crampete for learning Data Science.”
PRAGRITH
“I think it is a good course because it covers everything that I need to know from front end to back end development. Plus, it was very helpful due to flexibility of time they have and a supportive mentor to guide along the way.The course definitely gives me a good overview of what full stack web developers do and provides the essentials that I need to land a job.”
NUR AMIRAH AMINAH, MALAYSIA
“The Full Stack Self Paced Course offered by Crampete is really comprehensive in a sense that it is really good for beginners and it builds up skills especially with the hands on lab sessions.”
FARAH NADIA, MALAYSIA
na
Frequently Asked Questions (FAQ's)
If you have only three months to become a front-end developer, we recommend enrolling in an online course. This course teaches every skill you need to learn: HTML5, CSS, JavaScript and the React.js web development framework.
Every technology company needs front-end developers. Hence, front end developers are always in huge demand. Moreover, they can be groomed into back end developers or full stack web developers, so employers like to hire them a lot.
We can recommend three online courses if you plan to get into web development. 1) Front End Developer course 2) [Back End Developer course](https://www.crampete.com/courses/back-end-online-course/) or 3) [Full Stack Web Developer course](https://www.crampete.com/courses/full-stack-web-development-online-course/)
According to Glassdoor – a job search and review site, a junior front end web developer earns around ₹3,11,544 base pay a year. A senior front end web developer earns around ₹9,00,000 base pay a year. On average, front end developers draw a base pay of ₹5,66,000 per year.
Absolutely. Every company that builds or uses web applications or apps would need a front end developer. Also, front end web developers can eventually become full stack web developers, technology (head who owns the product roadmap) and even the CEO of a company. Front end developers are compensated well. All this makes front end web development a great career choice.
There are many great front end technologies and frameworks. Based on the specific use case one framework might be more suitable than the other. For instance, Angular uses bi-directional data flow and updates the real DOM, while React uses unidirectional data flow and updates only the virtual DOM. Bootstrap has tons of content resources and is easy to use.
A front-end framework is a pre-packaged collection of standardized code that speeds up development. Once you master the basics of HTML5, CSS and JavaScript, we teach the front end frameworks Bootstrap and React.js. You can build solid websites using these two frameworks.
Web developers can raise in ranks with Crampete Front End Developer Certification, Crampete Back End Developer Certification or Crampete Full Stack Web Developer Certification.
There are many tools that aid in front end development. Chrome Developer tools, Codepen, Sublime Text, and Git Extensions are some of the most popular ones.
Absolutely, that's what this course is created for. With high quality training videos, plenty of practice projects, this online course give you the practical skills to succeed as a front end developer. You also get well-earned certificate at the end of the course.
