Frontend Development

Frontend Development

Our training sessions are meticulously planned by our trainer and are designed in a manner geared toward the maximisation of efficiency. Your time is valuable, so our goal is to best prepare you while taking up the least amount of your time possible.

TRAINING SCHEDULE

9-Week Backend Development Training Module (Node.js & JavaScript)

Delivery Methodology:

This course is available in virtual modes.

Course Content

HTML, CSS Basics & Layouts

HTML Basics:

Structure of an HTML document
Common tags: headings, paragraphs, lists, links
Semantic HTML: `

`, `

`, `

`, `

`
HTML Forms and Multimedia: `

`, ``, ``, `<select>`, `<img>`, `<audio>`, `<video>`</span></li> <li><span style="font-weight: 400;">Accessibility basics (alt text, ARIA roles)</span></li> </ul> <p><b>CSS Fundamentals:</b></p> <ul> <li><span style="font-weight: 400;">CSS syntax, selectors (element, class, ID)</span></li> <li><span style="font-weight: 400;">Box model: margin, border, padding</span><span style="font-weight: 400;">Styling text, colours: fonts, backgrounds</span></li> </ul> <p><b>CSS Layout Techniques:</b></p> <ul> <li><b></b><span style="font-weight: 400;">Display properties: block, inline, flexbox</span></li> <li><span style="font-weight: 400;">Responsive design basics: media queries</span></li> <li><span style="font-weight: 400;">CSS Grid introduction</span></li> </ul> </div></div><div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element wpb_content_element" ><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span> </div><div class="vc_do_toggle vc_toggle vc_toggle_round vc_toggle_color_default vc_toggle_color_inverted vc_toggle_size_lg vc_toggle_active vc_custom_1732056426132"><div class="vc_toggle_title"><h4>JavaScript Basics & DOM Manipulation</h4><i class="vc_toggle_icon"></i></div><div class="vc_toggle_content"><p><b>Introduction to JavaScript</b></p> <ul> <li class="li1"><span style="font-weight: 400;">Role of JavaScript in web development</span></li> <li><span style="font-weight: 400;">Basic syntax: variables, data types, operators, console logs</span></li> <li><span style="font-weight: 400;">Control structures: `if`, `else`, `switch`, `for`, `while`</span></li> </ul> <p><b>Functions:</b></p> <ul> <li><b></b><span style="font-weight: 400;">Declaring functions, parameters, return values</span></li> </ul> <p><b>DOM Manipulation:</b></p> <ul> <li><b></b><span style="font-weight: 400;">Understanding the DOM and selecting elements (`getElementById`, `querySelector`)</span></li> <li><span style="font-weight: 400;">Modifying content and styles with JavaScript</span></li> </ul> </div></div><div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element wpb_content_element" ><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span> </div><div class="vc_do_toggle vc_toggle vc_toggle_round vc_toggle_color_default vc_toggle_color_inverted vc_toggle_size_lg vc_toggle_active vc_custom_1732056549724"><div class="vc_toggle_title"><h4>Advanced JavaScript & ES6 Features</h4><i class="vc_toggle_icon"></i></div><div class="vc_toggle_content"><p><b>JavaScript Advanced Concepts:</b></p> <ul> <li class="li1"><b></b><span style="font-weight: 400;"> Objects and arrays</span></li> <li class="li1"><span style="font-weight: 400;">ES6 features: arrow functions, destructuring, template literals</span></li> </ul> <p><b>Asynchronous JavaScript:</b></p> <ul> <li class="li1"><b></b><span style="font-weight: 400;">Introduction to Promises and async/await</span></li> <li class="li1"><span style="font-weight: 400;">Handling API requests with `fetch`</span></li> </ul> </div></div><div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element wpb_content_element" ><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span> </div><div class="vc_do_toggle vc_toggle vc_toggle_round vc_toggle_color_default vc_toggle_color_inverted vc_toggle_size_lg vc_toggle_active vc_custom_1732056686235"><div class="vc_toggle_title"><h4>React Fundamentals</h4><i class="vc_toggle_icon"></i></div><div class="vc_toggle_content"><p><b>What is React?</b></p> <ul> <li class="li1"><b></b><span style="font-weight: 400;">Component-based architecture</span></li> <li class="li1"><span style="font-weight: 400;">Setting up a React environment (Create React App)</span></li> <li class="li1"><span style="font-weight: 400;">Creating components (functional and class components)</span></li> </ul> <p><b>JSX and Props:</b></p> <ul> <li class="li1"><b></b><span style="font-weight: 400;">Understanding JSX syntax</span></li> <li class="li1"><span style="font-weight: 400;">Passing props to components</span></li> </ul> </div></div><div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element wpb_content_element" ><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span> </div><div class="vc_do_toggle vc_toggle vc_toggle_round vc_toggle_color_default vc_toggle_color_inverted vc_toggle_size_lg vc_toggle_active vc_custom_1732056835302"><div class="vc_toggle_title"><h4>React State, Lifecycle & Event Handling</h4><i class="vc_toggle_icon"></i></div><div class="vc_toggle_content"><p><b> State and Lifecycle:</b></p> <ul> <li class="li1"><b></b><span style="font-weight: 400;">Managing state in React components using `useState` and class component state</span></li> <li class="li1"><span style="font-weight: 400;">Component lifecycle methods</span></li> </ul> <p><b>Event Handling in React:</b></p> <ul> <li class="li1"><b></b><span style="font-weight: 400;">Handling events in React (e.g., `onClick`, `onChange`)</span></li> <li class="li1"><span style="font-weight: 400;">Controlled vs uncontrolled components</span></li> <li class="li1"><span style="font-weight: 400;">Form handling in React</span></li> </ul> </div></div><div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element wpb_content_element" ><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span> </div><div class="vc_do_toggle vc_toggle vc_toggle_round vc_toggle_color_default vc_toggle_color_inverted vc_toggle_size_lg vc_toggle_active vc_custom_1732057000740"><div class="vc_toggle_title"><h4>React Hooks & Advanced Concepts</h4><i class="vc_toggle_icon"></i></div><div class="vc_toggle_content"><p><b>React Hooks:</b></p> <ul> <li><span style="font-weight: 400;">Introduction to `useState`, `useEffect`</span></li> <li>State management with hooks</li> </ul> <p><b>Advanced React:</b></p> <ul> <li><span style="font-weight: 400;">Context API (useContext) for global state management</span></li> <li>Optimizing performance with `useMemo` and `useCallback`</li> <li>Error boundaries</li> </ul> </div></div><div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element wpb_content_element" ><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span> </div><div class="vc_do_toggle vc_toggle vc_toggle_round vc_toggle_color_default vc_toggle_color_inverted vc_toggle_size_lg vc_toggle_active vc_custom_1732057124952"><div class="vc_toggle_title"><h4>Next.js Fundamentals</h4><i class="vc_toggle_icon"></i></div><div class="vc_toggle_content"><p><b>Introduction to Next.js:</b></p> <ul> <li><span style="font-weight: 400;"> What is Next.js and why use it?</span></li> <li>Setting up a Next.js project</li> <li>Pages and routing in Next.js</li> </ul> <p><b>Data Fetching in Next.js:</b></p> <ul> <li><span style="font-weight: 400;"> Static Generation (`getStaticProps`)</span></li> <li>Server-Side Rendering (`getServerSideProps`)</li> <li>API Routes in Next.js</li> </ul> </div></div><div class="vc_do_toggle vc_toggle vc_toggle_round vc_toggle_color_default vc_toggle_color_inverted vc_toggle_size_lg vc_toggle_active vc_custom_1732057609172"><div class="vc_toggle_title"><h4>Styling in Next.js & Deployment</h4><i class="vc_toggle_icon"></i></div><div class="vc_toggle_content"><p><b>Styling in Next.js:</b></p> <ul> <li><span style="font-weight: 400;"> Global CSS vs. module CSS</span></li> <li>Styled-components or CSS-in-JS libraries</li> <li>Responsive design techniques</li> </ul> <p><b> Deployment and Best Practices:</b></p> <ul> <li><span style="font-weight: 400;"> Deployment with Vercel/Netlify</span></li> <li>Optimizing for production (performance, caching, SEO)</li> </ul> </div></div><div class="vc_do_toggle vc_toggle vc_toggle_round vc_toggle_color_default vc_toggle_color_inverted vc_toggle_size_lg vc_toggle_active vc_custom_1732057748761"><div class="vc_toggle_title"><h4>Capstone Project & Advanced Topics</h4><i class="vc_toggle_icon"></i></div><div class="vc_toggle_content"><p><b>Capstone Project:</b></p> <ul> <li><span style="font-weight: 400;">Plan and implement a full-stack project using React and Next.js</span></li> <li>Implement routing, data fetching, forms, and deployment</li> </ul> <p><b>Advanced Topics:</b></p> <ul> <li><span style="font-weight: 400;"> Authentication and Authorization in Next.js</span></li> <li>Dynamic routes and API integration</li> <li>Internationalization (i18n) and SEO best practices</li> </ul> </div></div><div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element wpb_content_element" ><span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span> </div><div class="mf-empty-space " style=""><div class="mf_empty_space_lg" style="height: 50px"></div><div class="mf_empty_space_md" style="height: 50px"></div><div class="mf_empty_space_xs" style="height: 50px"></div></div> <div class="wpb_text_column wpb_content_element" > <div class="wpb_wrapper"> <p class="p1"><strong>Additional Recommendations</strong></p> <ul> <li><span style="font-weight: 400;">Practice: After each week, dedicate time to building mini-projects or exercises to reinforce what you’ve learned.</span></li> <li>Project Showcase: Aim to showcase your capstone project on GitHub or a live demo to highlight your skills in React and Next.js.</li> </ul> <p><span style="font-weight: 400;">This schedule covers the essential topics for front-end development in a fast-paced, progressive way while leaving room for hands-on practice and a capstone project.</span></p> </div> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="mf-empty-space " style=""><div class="mf_empty_space_lg" style="height: 20px"></div><div class="mf_empty_space_md" style="height: 20px"></div><div class="mf_empty_space_xs" style="height: 20px"></div></div><div class="mf-empty-space " style=""><div class="mf_empty_space_lg" style="height: 20px"></div><div class="mf_empty_space_md" style="height: 20px"></div><div class="mf_empty_space_xs" style="height: 20px"></div></div><section ><div id=vc-pricing-table-6a05b75e60029 class="vc_general wpb-pricing-table vc_custom_1732176116037 vc_do_pricing_table"><h3 class="wpb-plan-title">Online Class</h2><p class="wpb-plan-description">For Individual</p><div class="wpb-price-container"><sup class="wpb-currency">N</sup><strong class="wpb-price">150K</strong><sub class="wpb-period"></sub></div><div class="vc_btn3-container vc_btn3-center vc_do_btn" ><a class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-classic vc_btn3-block vc_btn3-color-primary" href="mailto:enquiries@onepyramid.com" title="">Course Enquiry</a></div><p class="p1">Date: Our maiden class commences on 1<sup>st</sup> and 2<sup>nd</sup> of February, 2025 for the Front End and Back End Trainings respectively.2025.</p> </div></section><style>#vc-pricing-table-6a05b75e60029 .wpb-plan-features li::before { content: ""; display: inline-block; margin: 0 10px 0 0; width: 18px; height: 18px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 22 22' version='1.1'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-472.000000, -546.000000)' fill-rule='nonzero'%3E%3Cg id='wpb-pricing-table-element' transform='translate(445.000000, 222.000000)'%3E%3Cg id='bullet' transform='translate(27.000000, 324.000000)'%3E%3Cpath d='M22,10.9999756 C22,17.0751668 17.0751778,22 11,22 C4.92487111,22 0,17.0751668 0,10.9999756 C0,4.92488206 4.92487111,0 11,0 C17.0751778,0 22,4.92488206 22,10.9999756 Z' id='Path' fill='%235188f1'/%3E%3Cpolygon id='Path' fill='%23FFFFFF' transform='translate(11.011123, 9.631788) rotate(-45.000000) translate(-11.011123, -9.631788) ' points='8.39375516 6.63178844 8.39375516 10.0231025 16.2371538 10.0231255 16.2371538 12.6317884 5.78509217 12.6317133 5.78509217 6.63178844'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat; background-size: 18px; }</style></div></div></div></div></div></div> </div> </div> </article> </main> </div> </div>  </div>  </div> <div id="footer-widgets" class="footer-widgets widgets-area"> <div class="container"> <div class="row"> <div class="footer-sidebar footer-1 col-xs-12 col-sm-6 col-md-4"> <div id="custom_html-6" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><a href="http://demo2.steelthemes.com/powerplus"> <img data-recalc-dims="1" src="https://i0.wp.com/onepyramid.com/wp-content/uploads/2024/03/onepyramid-logo.png?w=840&ssl=1" alt="Footer Logo"> </a></div></div><div id="custom_html-7" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget">OnePyramid is focused on offering training and development activities that aligns your skill sets with global best practices. At the heart of our philosophy is to remain agile and dynamic, thereby providing quick time-to-value for our clients</div></div><div id="mf-button-widget-2" class="widget mf-button-widget"> <a href="https://onepyramid.com/about-us/" class="mf-btn mf-btn-widget ">More About Us</a> </div> </div> <div class="footer-sidebar footer-2 col-xs-12 col-sm-6 col-md-4"> <div id="mf-custom-menu-1" class="widget widget_mf-custom-menu"><h4 class="widget-title">Learn More</h4><div class="custom-menu-area"><div class="custom-menu custom-menu-1"><div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="menu"><li id="menu-item-90" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-90"><a href="https://onepyramid.com/about-us/">About Us</a></li> <li id="menu-item-3980" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3980"><a href="https://onepyramid.com/dev/market-sectors/">Services</a></li> <li id="menu-item-3443" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3443"><a href="#">Jobs</a></li> <li id="menu-item-92" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-92"><a href="https://onepyramid.com/blog/">Insights</a></li> <li id="menu-item-89" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89"><a href="https://onepyramid.com/contact/">Contact Us</a></li> </ul></div></div><div class="clear"></div></div></div> </div> <div class="footer-sidebar footer-3 col-xs-12 col-sm-6 col-md-4"> <div id="custom_html-8" class="widget_text widget widget_custom_html"><h4 class="widget-title">Contact Details</h4><div class="textwidget custom-html-widget"><div class="footer-widget-contact"> <div class="detail address"> <i class="flaticon-arrow"></i> <div> <span>Address:</span> The City Mall, Onikan, Lagos Island, Lagos, Nigeria </div> </div> <div class="detail phone"> <i class="flaticon-tool"></i> <div> <span>Call Us On:</span> +234 816 298 1456, +234 906 115 2871 </div> </div> <div class="detail mail"> <i class="flaticon-note"></i> <div> <span>Mail Us At:</span> enquiries@onepyramid.com </div> </div> <div class="detail time"> <i class="flaticon-wall-clock"></i> <div> <span>Opening Time:</span> Mon - Fri: 8am to 5pm </div> </div> </div></div></div> </div> </div> </div> </div> <footer id="colophon" class="site-footer"> <div class="container footer-info"> <div class="footer-copyright"> Copyrights © 2024 All Rights Reserved . </div> <div class="text-right"> <div class="socials footer-social"> <a href="https://www.linkedin.com/company/onepyramid-consulting-ltd/?originalSubdomain=ng" target="_blank"><i class="fa fa-linkedin"></i></a><a href="https://youtube.com/" target="_blank"><i class="fa fa-youtube"></i></a><a href="https://www.instagram.com/onepyramidconsulting/?hl=en" target="_blank"><i class="fa fa-instagram"></i></a><a href="https://facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a> </div> </div> </div> </footer> </div> <script> window.RS_MODULES = window.RS_MODULES || {}; window.RS_MODULES.modules = window.RS_MODULES.modules || {}; window.RS_MODULES.waiting = window.RS_MODULES.waiting || []; window.RS_MODULES.defered = true; window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {}; window.RS_MODULES.type = 'compiled'; </script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/induscity/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id='kirki-viewport-lists'>var kirkiViewports = {"md":{"value":1200,"scale":1,"minWidth":1200,"maxWidth":1200,"title":"Desktop","icon":"desktop","activeIcon":"desktop-hover","id":"md","type":"max"},"tablet":{"value":991,"scale":1,"minWidth":991,"maxWidth":991,"title":"Tablet","icon":"tablet-default","activeIcon":"tablet-hover","type":"max","id":"tablet"},"mobileLandscape":{"value":767,"scale":1,"minWidth":767,"maxWidth":767,"title":"Landscape","icon":"phone-hr-default","activeIcon":"phone-hr-hover","type":"max","id":"mobileLandscape"},"mobile":{"value":575,"scale":1,"minWidth":575,"maxWidth":575,"title":"Mobile","icon":"phone-vr-default","activeIcon":"phone-vr-hover","type":"max","id":"mobile"}};</script><script id='kirki-variable-lists'>var kirkiCSSVariable = {"data":[{"title":"Colors","key":"color","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Numbers","key":"size","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Text Styles","key":"text-style","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Font Family","key":"font-family","modes":[{"title":"Default","key":"default"}],"variables":[]}]};</script><script id="kirki-api-and-nonce"> window.wp_kirki = { ajaxUrl: "https://onepyramid.com/wp-admin/admin-ajax.php", restUrl: "https://onepyramid.com/wp-json/", siteUrl: "https://onepyramid.com", apiVersion: "v1", postId: "4734", nonce: "987866c9fb", call_from: "", templateId: "", context: {"id":4734,"type":"post"} }; </script><script type="text/javascript"> window.omnisend = window.omnisend || []; omnisend.push(['accountID', '68cd810c5ee4047fc28aa67c']); omnisend.push(['track', '$pageViewed']); !(function () { var e = document.createElement('script'); (e.type = 'text/javascript'), (e.async = !0), (e.src = 'https://omnisnippet1.com/inshop/launcher-v2.js'); var t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(e, t); })(); // platform: wordpress // plugin version: 1.7.9</script> <div id="modal" class="modal fade" tabindex="-1" aria-hidden="true"> <div class="item-detail"> <div class="modal-dialog woocommerce"> <div class="modal-content product"> <div class="modal-header"> <button type="button" class="close fh-close-modal" data-dismiss="modal">×<span class="sr-only"></span></button> </div> <div class="modal-body"></div> </div> </div> </div> </div> <div class="primary-mobile-nav" id="primary-mobile-nav" role="navigation"> <div class="mobile-nav-content"> <a href="#" class="close-canvas-mobile-panel"></a> <ul id="menu-main-menu-1" class="menu"><li id="menu-item-3945" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-3945"><a href="https://onepyramid.com/">Home</a></li> <li id="menu-item-3947" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3947"><a href="https://onepyramid.com/about-us/">About Us</a></li> <li id="menu-item-4085" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4085"><a href="#">Services</a> <ul class="sub-menu"> <li id="menu-item-4384" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-4384"><a href="https://onepyramid.com/service/hr-consulting/">HR Consulting</a></li> <li id="menu-item-4043" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-4043"><a href="https://onepyramid.com/service/automation/">HR Process Automation</a></li> <li id="menu-item-4046" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-4046"><a href="https://onepyramid.com/service/outsourcing/">Outsourcing</a></li> <li id="menu-item-4047" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-4047"><a href="https://onepyramid.com/service/recruitments/">Recruitments</a></li> <li id="menu-item-4048" class="menu-item menu-item-type-post_type menu-item-object-service menu-item-4048"><a href="https://onepyramid.com/service/background-checks/">Backgrounds Checks</a></li> </ul> </li> <li id="menu-item-4024" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4024"><a href="#">Technology</a> <ul class="sub-menu"> <li id="menu-item-4027" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4027"><a href="https://onepyramid.com/accur8hr-2/">Accur8HR</a></li> <li id="menu-item-4025" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4025"><a href="https://onepyramid.com/governance-risk-compliance/">Governance risk & compliance</a></li> <li id="menu-item-4026" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4026"><a href="https://onepyramid.com/robotics-process-automation/">Robotics Process Automation</a></li> <li id="menu-item-4256" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4256"><a href="https://onepyramid.com/online-learning/">Online Learning</a></li> </ul> </li> <li id="menu-item-4451" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-4451"><a href="#">Academy</a> <ul class="sub-menu"> <li id="menu-item-4603" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4603"><a href="https://onepyramid.com/introduction-to-human-resources/">Introduction to Human Resources</a></li> <li id="menu-item-4267" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4267"><a href="https://onepyramid.com/payroll-management/">Payroll Management</a></li> <li id="menu-item-4743" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-4734 current_page_item menu-item-4743"><a href="https://onepyramid.com/frontend-development/" aria-current="page">Frontend Web Development</a></li> <li id="menu-item-4459" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4459"><a href="https://onepyramid.com/hr-analytics-using-ms-excel/">HR Analytics using MS Excel</a></li> <li id="menu-item-4742" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4742"><a href="https://onepyramid.com/backend-development/">Backend Web Development</a></li> <li id="menu-item-4287" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4287"><a href="https://onepyramid.com/advanced-excel/">Advanced Excel</a></li> </ul> </li> <li id="menu-item-3946" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3946"><a href="https://onepyramid.com/blog/">Insights</a></li> <li id="menu-item-4053" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4053"><a target="_blank" href="https://onepyramid.com/jobs/">Jobs</a></li> </ul> <div class="mf-header-item-button"><a href="https://onepyramid.com/contact/" class="mf-btn">Contact Us</a></div> </div> </div> <div id="off-canvas-layer" class="off-canvas-layer"></div> <a id="scroll-top" class="backtotop" href="#page-top"> <i class="fa fa-chevron-up"></i> </a> <div id="pswp" class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script type="text/html" id="wpb-modifications"> window.wpbCustomElement = 1; </script><script type="text/javascript" id="ce4wp_form_submit-js-extra"> /* <![CDATA[ */ var ce4wp_form_submit_data = {"siteUrl":"https://onepyramid.com","url":"https://onepyramid.com/wp-admin/admin-ajax.php","nonce":"84a1b7a65b","listNonce":"ad0e868deb","activatedNonce":"03c184c032"}; //# sourceURL=ce4wp_form_submit-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/creative-mail-by-constant-contact/assets/js/block/submit.js?ver=1715056614" id="ce4wp_form_submit-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after /* ]]> */ </script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.5" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/onepyramid.com\/wp-json\/", "namespace": "contact-form-7\/v1" } }; //# sourceURL=contact-form-7-js-before /* ]]> */ </script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.5" id="contact-form-7-js"></script> <script type="text/javascript" src="//onepyramid.com/wp-content/plugins/revslider/sr6/assets/js/rbtools.min.js?ver=6.7.18" defer async id="tp-tools-js"></script> <script type="text/javascript" src="//onepyramid.com/wp-content/plugins/revslider/sr6/assets/js/rs6.min.js?ver=6.7.18" defer async id="revmin-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LcXmNEpAAAAAJFqykR_Eu1KuUTscKDW5i95vz-e&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-before"> /* <![CDATA[ */ var wpcf7_recaptcha = { "sitekey": "6LcXmNEpAAAAAJFqykR_Eu1KuUTscKDW5i95vz-e", "actions": { "homepage": "homepage", "contactform": "contactform" } }; //# sourceURL=wpcf7-recaptcha-js-before /* ]]> */ </script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.5" id="wpcf7-recaptcha-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-contact-form-7-08e8756782316cb65854.js" id="googlesitekit-events-provider-contact-form-7-js" defer></script> <script type="text/javascript" defer src="https://onepyramid.com/wp-content/plugins/mailchimp-for-wp/assets/js/forms.js?ver=4.12.5" id="mc4wp-forms-api-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-mailchimp-55e506112a29131ad26e.js" id="googlesitekit-events-provider-mailchimp-js" defer></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-optin-monster-fad3d5a89e2883db0a1d.js" id="googlesitekit-events-provider-optin-monster-js" defer></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-wpforms-087b09462076035a76b2.js" id="googlesitekit-events-provider-wpforms-js" defer></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/themes/induscity/js/photoswipe.min.js?ver=4.1.1" id="photoswipe-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/themes/induscity/js/photoswipe-ui.min.js?ver=4.1.1" id="photoswipe-ui-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/js_composer/assets/lib/vendor/node_modules/isotope-layout/dist/isotope.pkgd.min.js?ver=7.9" id="isotope-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/themes/induscity/js/plugins/jquery.counterup.min.js?ver=1.0" id="counterup-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/themes/induscity/js/plugins/jquery.parallax.min.js?ver=1.0" id="parallax-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/themes/induscity/js/plugins/jquery.tabs.js?ver=1.0" id="tabs-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/themes/induscity/js/plugins/owl.carousel.js?ver=2.2.0" id="carousel-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/themes/induscity/js/plugins/slick.min.js?ver=1.0" id="slick-js"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/themes/induscity/js/scripts.min.js?ver=20171013" id="induscity-js"></script> <script type="text/javascript" id="jetpack-stats-js-before"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", {"v":"ext","blog":"244327376","post":"4734","tz":"0","srv":"onepyramid.com","j":"1:15.8"} ]); _stq.push([ "clickTrackerInit", "244327376", "4734" ]); //# sourceURL=jetpack-stats-js-before /* ]]> */ </script> <script type="text/javascript" src="https://stats.wp.com/e-202620.js" id="jetpack-stats-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=7.9" id="wpb_composer_front_js-js"></script> <script type="text/javascript" id="shortcodes-js-extra"> /* <![CDATA[ */ var induscityShortCode = []; //# sourceURL=shortcodes-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://onepyramid.com/wp-content/plugins/induscity-vc-addons//assets/js/frontend.js?ver=20171018" id="shortcodes-js"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://onepyramid.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}} </script> <script type="module"> /* <![CDATA[ */ /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://onepyramid.com/wp-includes/js/wp-emoji-loader.min.js /* ]]> */ </script> <script></script> </body> </html>

OnePyramid Consulting Ltd is focused on offering training and development activities that aligns your skill sets with global best practices

MAIL US AT,

The City Mall, Onikan,

Frontend Development

TRAINING SCHEDULE

Delivery Methodology:

Course Content

HTML, CSS Basics & Layouts