CivCom Engineers

Welcome to our educational channel where we provide high-quality courses related to Civil Engineering, Environmental Engineering, and Computer Science. Our goal is to make technical education easy and accessible for students, professionals, and beginners.

All courses are designed to help you understand complex tools and concepts through practical, step-by-step tutorials. Whether you're learning WaterGEMS, GIS, programming, or other engineering software — this channel is here to support your journey.

This channel is managed by:
Muhammad Waqas Ahmad — Civil Engineer, NESPAK
Muhammad Junaid Ahmad — Software Engineer,Devsinc

42) How to Create Mega Menu Structure for Ecommerce Website
42) How to Create Mega Menu Structure for Ecommerce Website
24 Liquid concepts | Contains, Append & Split | Remove Duplicate Items
24 Liquid concepts | Contains, Append & Split | Remove Duplicate Items
41) Collection Page | Responsive mega menu for mobile
41) Collection Page | Responsive mega menu for mobile
23) Shopify Liquid Variants Loop Explained | Display Unique Option Data & Create Swatches
23) Shopify Liquid Variants Loop Explained | Display Unique Option Data & Create Swatches
15) Box Sizing Explained with Practical Examples
15) Box Sizing Explained with Practical Examples
22) How to display Product Options & Values Using Liquid For Loop
22) How to display Product Options & Values Using Liquid For Loop
21) Product Object in Liquid Explained (Title, Description, Type, Vendor, Tags & Images)
21) Product Object in Liquid Explained (Title, Description, Type, Vendor, Tags & Images)
40) Collection Page Start & Header Mega Menu Design
40) Collection Page Start & Header Mega Menu Design
14 ) Align-Items vs Align-Self Explained |
14 ) Align-Items vs Align-Self Explained |
20) Shopify Liquid For Loop Explained | index, index0 & limit
20) Shopify Liquid For Loop Explained | index, index0 & limit
39) Collection Page Structure Explained
39) Collection Page Structure Explained
38) Create Tabs with forEach & Add Active Class using Next Sibling in JavaScript
38) Create Tabs with forEach & Add Active Class using Next Sibling in JavaScript
13) Flex Order, Grow, Shrink & Basis Explained
13) Flex Order, Grow, Shrink & Basis Explained
12) Flex-Wrap & Order Explained
12) Flex-Wrap & Order Explained
11) Explained Align-Items and how flex start and flex end work with direction
11) Explained Align-Items and how flex start and flex end work with direction
19) Shopify input settings – Number, Range, Select, Textarea & Else Condition Explained
19) Shopify input settings – Number, Range, Select, Textarea & Else Condition Explained
10) Flexbox Justify-Content Properties Explained in CSS
10) Flexbox Justify-Content Properties Explained in CSS
37) Toggle Concept in JavaScript | Open & Close Tabs with Toggle
37) Toggle Concept in JavaScript | Open & Close Tabs with Toggle
16) How to Perform Chlorine Analysis in WaterGEMS
16) How to Perform Chlorine Analysis in WaterGEMS
15) How to Perform Extended Period Simulation in WaterGEMS
15) How to Perform Extended Period Simulation in WaterGEMS
9) Z-Index, Flexbox & Flex Direction in CSS
9) Z-Index, Flexbox & Flex Direction in CSS
18) How to Add Dynamic Text, Colors, Images & Conditional Logic in Shopify Schema
18) How to Add Dynamic Text, Colors, Images & Conditional Logic in Shopify Schema
36) Responsive Drawer | JavaScript Functions & If Condition Explained Practically
36) Responsive Drawer | JavaScript Functions & If Condition Explained Practically
8) What is Position Fixed in CSS? | Difference Between Relative, Absolute & Fixed
8) What is Position Fixed in CSS? | Difference Between Relative, Absolute & Fixed
35) How to Add & Remove Overlay with Drawer using JavaScript
35) How to Add & Remove Overlay with Drawer using JavaScript
7) Difference Between Position Relative and Absolute in CSS
7) Difference Between Position Relative and Absolute in CSS
1) Download Georeferenced Image from Terra Incognita
1) Download Georeferenced Image from Terra Incognita
14) How to Create Alternatives in WaterGEMS
14) How to Create Alternatives in WaterGEMS
17) How to create Liquid Variables, Apply Operations & Display Dynamic Text
17) How to create Liquid Variables, Apply Operations & Display Dynamic Text
16) How to Add custom blocks schema in Shopify Sections
16) How to Add custom blocks schema in Shopify Sections