Skip to content

Writing Scalable and Modular CSS code for Front End

Writing Scalable and Modular CSS code for Front End

The workshop will introduce SCSS(Sassy CSS), Readability, maintainable, scalable CSS style organization by leveraging different methodologies like (OOCSS, Atomic CSS, BEM). It will be a very useful session for any Front End Developers, UI Engineers, Design Engineers, or any body interested in code organisation. The attendees should have basic awareness of CSS, build systems like webpack/grunt/gulp, html.

Speaker/Instructor:
Ravi Trivedi, Founder, PushEngage;
Bhavan, Anjanish and Mrityunjay; Front End Engineers, PushEngage

Date: 18th October 2019

Time: 11:15 AM to 01:30 PM

Venue: Workshop Room 1, NIMHANS Convention Centre, Bangalore.

Fee: Rs. 3999/- (Limited seats available)

Objective of the workshop

To introduce SCSS(Sassy CSS), Readability, maintainable, scalable CSS style organization by leveraging different methodologies like ( OOCSS, Atomic CSS, BEM). Writing Scalable CSS Code bases, Frameworks.

Who can attend this workshop?

Front End Developers, UI Engineers , Design Engineers, or any body interested in code organisation.

What all will be covered in the workshop

  • SCSS Introduction and basics,
  • Introduction to CSS methodologies, (DRY CSS, ATOMIC CSS, OOCSS)
  • Pros/Cons of each methodologies and when to choose which.
  • Introduction to SMACSS, and how to write maintainable, scalable style base
  • Best usage of SCSS to implement SMACSS
  • Introduction to BEM and implementation with SCSS
  • Hands on implementing a basic style framework with SCSS(including grids, responsive grids, color-base organisation etc.)

Benefits/Takeaways of this workshop for the attendees

  • Better organisation of stylebase.
  • Take advantage of SCSS full potential to improve scalability and readability of CSS codebase.
  • To never need to Write !important in Styles if CSS is written carefully.
  • Debugging, bugfixing made ease with BEM.

Pre-requisites to attend the workshop

Basic awareness of CSS, build systems like webpack/grunt/gulp, html

About Speakers

Ravi Trivedi, Founder, PushEngage
Mr. Ravi Trivedi is the founder of PushEngage.com, a leading platform for browser push notifications, which is currently live in 125+ countries. Earlier he founded CouponRani.com, a top coupon site in India with over 1M unique visits. He is a growth marketer, with hands on marketing experience with running online businesses in India and US.
Ravi has also co-authored the book Web Services Security, and participated in creating web services standards. He holds a Patent for “System and Methods for Recommending Third Party Services”. He also does angel investments and has made 7 investments in digital startups. Ravi completed his MBA from Duke University, Fuqua School of Business and has a Masters in Computer Science from Indian Institute of Science, Bangalore.

Bhavan, Senior Front End Engineer, PushEngage
Bhavan has been a UI engineer since 2012. He is experienced in React, Javascript, CSS. A UI Performance enthusiast, and loves writing maintainable CSS.

Anjanish, Technical Lead, PushEngage
Anjanish is a technical lead at PushEngage, with full stack experience, and loves to handle scale, while being aware of good user experience.

Mrityunjay, Front End Engineer, PushEngage
Mrityunjay is a front end engineer at PushEngage, and passionate about clean user experience.

Ravi Trivedi
Founder, PushEngage

Bhavan
Front End Engineer, PushEngage

Anjanish
Front End Engineer, PushEngage

Mrityunjay
Front End Engineer, PushEngage