Engineering

📝 [Speaker] 'Should Front-End Developers know Back-End Technologies?' by @zlatov_cristina
- EN
- Panel Discussion
- Speaker
- Spaghetti Spaces
- X (Twitter)
- Web Development
- Front-End
- Back-End
📝 Front-End Testing Best Practices
- Summary
- Front-End
- Testing
- Engineering
📝 Triggering Custom Events with Web Storage API & TypeScript
- Util
- TypeScript
- Web Storage API
- Browser
- Listeners
- Auth
- Session
📝 PoC with React, React-RND (Drag & Drop) and N resizable containers
- PoC
- React
- TypeScript
- State
- Drag & Drop
- Resizables
- z-index
📝 Playing with bulbs: dark theme with React, dispatchers & hooks
- React
- TypeScript
- useState
- Hooks
- Dispatch
- SetStateAction
- FunctionComponent
- styled-components
- Dark Theme
📝 1/2 Pong Game with JavaScript Canvas
- Game
- 2D
- JavaScript
- Canvas
- Listeners
📝 Pacman in CSS
- Illustration
- CSS
- Pacman
- Animation
- @keyframes
- Position
- Shapes
- Border
📝 Animating a bar made with SVG: how to deal with reactivity, React refs & SVG 'defs' elements
- React
- Animation
- HTML
- SVG
- defs
- TypeScript
- State
- componentDidUpdate
- React.Component
- MutableRefObject
- Refs
- linear-gradient
📝 Triggering custom actions with React, contexts & reducers
- React
- TypeScript
- createContext
- useReducer
- Provider
- Dispatch
- State
📝 Golden Spiral with JavaScript Canvas
- Illustration
- JavaScript
- Canvas
- getContext
- 2D
- Golden Spiral
- Phi
- Maths
📝 Optical Illusion with SVG Animations (SMIL)
- WIP
- Illustration
- SVG
- Animation
- SMIL
- Trigonometry
- Optical Illusion
📝 CSS 3D illustration
- Illustration
- CSS
- 3D
- Geometry
- Position
- Pseudo-elements
- Gradients
- Filter
- z-index
- transform
- transform-style
- preserve-3d
📝 Country Picker Component with Nunjucks, SCSS, JavaScript & Webpack
- Nunjucks
- JavaScript
- ES6
- Webpack
- Component
- Templating
- Fragments
- Assets
- JSON
- DOMContentLoaded
- HtmlWebpackPlugin
- Babel
📝 Collapsible with SCSS and input checkbox (No JavaScript)
- Util
- SCSS
- Nesting
- Input
- Checkbox
- Display
- Toggle
📝 Pixelated letter with linear-gradient in SCSS
- Util
- SCSS
- Nesting
- Position
- nth-child
- linear-gradient
- Math
📝 Animated Ellipsis in SCSS
- Util
- SCSS
- Pseudo-elements
- @keyframes
- Content
- Animation
- Ellipsis
📝 Introduction to SVG
- WIP
- Summary
- Introduction
- HTML
- SVG
- React
- SVG Component
📝 Ribbon in SCSS
- Util
- SCSS
- Pseudo-elements
- Position
- Calc
📝 Typewriter Effect in CSS
- Util
- CSS
- Animation
- @keyframes
- Width
- caret
📝 Nokia 5300 in CSS
- Illustration
- CSS
- Nokia
- Position
- Custom properties
- Calc
- Pseudo-elements
📝 Pixel Baby Yoda in CSS
- Illustration
- CSS
- Position
- Custom properties
- Calc
- Pseudo-elements
📝 Morty Smith in CSS
- Illustration
- CSS
- Position
- Custom properties
- Calc
- Pseudo-elements
- Hover
📝 Mario Underwater in CSS
- Illustration
- CSS
- Position
- Custom properties
- Calc
- Pseudo-elements
- Hover

Engineering

📝 [Speaker] 'Should Front-End Developers know Back-End Technologies?' by @zlatov_cristina

📝 Front-End Testing Best Practices

📝 Triggering Custom Events with Web Storage API & TypeScript

📝 PoC with React, React-RND (Drag & Drop) and N resizable containers

📝 Playing with bulbs: dark theme with React, dispatchers & hooks

📝 1/2 Pong Game with JavaScript Canvas

📝 Pacman in CSS

📝 Animating a bar made with SVG: how to deal with reactivity, React refs & SVG 'defs' elements

📝 Triggering custom actions with React, contexts & reducers

📝 Golden Spiral with JavaScript Canvas

📝 Optical Illusion with SVG Animations (SMIL)

📝 CSS 3D illustration

📝 Country Picker Component with Nunjucks, SCSS, JavaScript & Webpack

📝 Collapsible with SCSS and input checkbox (No JavaScript)

📝 Pixelated letter with linear-gradient in SCSS

📝 Animated Ellipsis in SCSS

📝 Introduction to SVG

📝 Ribbon in SCSS

📝 Typewriter Effect in CSS

📝 Nokia 5300 in CSS

📝 Pixel Baby Yoda in CSS

📝 Morty Smith in CSS

📝 Mario Underwater in CSS