Swapna Kumar Panda
Swapna Kumar Panda

@swapnakpanda

19 Tweets 3 reads Nov 01, 2022
Essential Mathematics in Web Development
❍ Use cases
❍ Useful operations
❍ Practice problems
➊ Arithmetic
➋ Discrete Mathematics
➌ Geometry
➍ Coordinate Geometry
➎ Mensuration
➏ Trigonometry
➐ Algebra
➊ Arithmetic
Arithmetic is the branch of mathematics that deals with the "study of numbers".
⬘ What's important?
❍ Addition
❍ Subtraction
❍ Multiplication
❍ Division
❍ Modulus
❍ Exponentiation
❍ Logarithm
.
❍ Equals To
❍ Less Than
❍ Less Than or, Equals To
❍ Greater Than
❍ Greater Than or, Equals To
⬙ Use Cases
➀ These are undoubtedly the most fundamental operations that are required in the majority of code.
➋ Discrete Mathematics
Discrete mathematics is the study of mathematical structures that can be considered "discrete" rather than "continuous".
⬘ What's important?
✧ Logic ✧
❍ Booleans (True and, False)
❍ AND ( & )
❍ OR ( | )
❍ NOT ( ! )
❍ IF ( → )
✧ Set Theory ✧
❍ Union
❍ Intersection
❍ Difference
❍ Symmetric Difference
⬙ Use Cases
➀ Logic is one of the fundamental parts of constructing code.
➁ Sets are important to group, merge, and separate.
➌ Geometry
Geometry is the branch of mathematics concerned with the properties and relations of points, lines, surfaces, solids, and higher-dimensional objects.
⬘ What's important?
✧ 2-D Shapes ✧
❍ Straight Line
❍ Triangle
❍ Rectangle
❍ Square
.
❍ Circle
❍ Ellipse
❍ Curve
✧ 3-D Shapes ✧
❍ Cuboid
❍ Sphere
❍ Cylinder
❍ Cone
✧ Transformation ✧
❍ Translation
❍ Scale
❍ Rotate
❍ Skew
⬙ Use Cases
➀ Shapes are used in graphic designs and UIs.
➁ Transformation to a shape is important for designing similar shapes pretty fast. It is also very important in animation.
➂ During designing or styling, we can clip any object using all these geometric shapes.
➍ Coordinate Geometry
Coordinate Geometry is the study of geometry using a coordinate system.
⬘ What's Important?
❍ X-Axis
❍ Y-Axis
❍ Z-Axis
❍ Distance between 2 points
❍ Drawing shapes
❍ Transforming Shapes
⬙ Use Cases
➀ In computers, almost all graphic designs are coordinate-based.
➁ It also helps in designing a smooth UI layout.
➎ Mensuration
Mensuration is the branch of mathematics that studies the measurement of geometric figures.
⬘ What's important?
❍ Length of a line
❍ Area of a shape
❍ Volume of a 3D shape
❍ Surface area of a 3D shape
⬙ Use Cases
➀ Area and, Volume are very important in designing a good graphic.
➁ In UI layout, it's also helpful in designing blocks.
➏ Trigonometry
Trigonometry is the branch of mathematics dealing with the relationships between the sides and angles of triangles.
⬘ What's important?
❍ Sine (sin)
❍ Cosine (cos)
❍ Tangent (tan)
⬙ Use Cases
➀ In CSS or any graphic design tool, you can measure a side by using an angle. This helps in creating many unthinkable visual shapes.
➐ Algebra
Algebra is the study of mathematics using symbols.
⬘ What's important?
❍ Variable
❍ Assignment
❍ Function
❍ Linear Function
❍ Quadratic Function
❍ Cubic Function
⬙ Use Cases
➀ Fundamental of programming are variables, assignments, and functions.
➁ In animations, we can use linear and non-linear functions as timing functions.
➂ In creating a curve shape, we can use quadratic and/or cubic functions.
🏁 Final Words
⬘ Web development (and design) deals with measurement, calculation, animation, etc. which requires mathematics skills.
⬙ You must have basic knowledge of elementary subjects in mathematics. Learn advanced subjects as and when needed.
👩‍💻 Practice with 600+ Questions

Loading suggestions...