CIWD
CIWD
OF
WEB DESIGN AND DEVELOPMENT
-content-
CODEMINDS - Godagama
Email : [email protected]
Web : [email protected]
LEARN HTML
HTML Headings
HTML Paragraphs
HTML Styles
HTML Formatting
HTML Quotations
HTML Comments
HTML Colors
HTML CSS
HTML Links
HTML Images
HTML Favicon
HTML Tables
HTML Lists
HTML Block & Inline
HTML Classes
HTML Id
HTML Iframes
HTML JavaScript
HTML File Paths
HTML Head
HTML Layout
HTML Responsive
HTML Computercode
HTML Semantics
HTML Style Guide
HTML Entities
HTML Symbols
HTML Emojis
HTML Charset
HTML URL Encode
HTML Forms
HTML Form Attributes
HTML Form Elements
HTML Input Types
HTML Input Attributes
HTML Graphics
HTML Media
HTML Media
HTML Video
HTML Audio
HTML Plug-ins
HTML YouTube
Login Form
Signup Form
Checkout Form
Contact Form
Social Login Form
Register Form
Form with Icons
Newsletter
Stacked Form
Responsive Form
Popup Form
Inline Form
Clear Input Field
Animated Search
Search Button
LEARN CSS
CSS Comments
CSS Colors
CSS Backgrounds
CSS Borders
CSS Margins
CSS Padding
CSS Height/Width
CSS Box Model
CSS Outline
CSS Text
CSS Fonts
CSS Icons
CSS Links
CSS Lists
CSS Tables
CSS Display
CSS Max-width
CSS Position
CSS Z-index
CSS Overflow
CSS Float
CSS Inline-block
CSS Align
CSS Combinators
CSS Pseudo-class
CSS Pseudo-element
CSS Opacity
CSS Navigation Bar
CSS Dropdowns
CSS Image Gallery
CSS Image Sprites
CSS Attr Selectors
CSS Forms
CSS Counters
CSS Website Layout
CSS Rounded Corners
CSS Border Images
CSS Backgrounds
CSS Colors
CSS Color Keywords
CSS Gradients
CSS Shadows
CSS Text Effects
CSS Web Fonts
CSS 2D Transforms
CSS 3D Transforms
CSS Transitions
CSS Animations
CSS Tooltips
CSS Style Images
CSS Image Reflection
CSS object-fit
CSS object-position
CSS Masking
CSS Buttons
CSS Pagination
CSS Multiple Columns
CSS User Interface
CSS Variables
CSS Box Sizing
CSS Media Queries
CSS Flexbox
JS Statements
JS Syntax
JS Comments
JS Variables
JS Let
JS Const
JS Operators
JS Arithmetic
JS Assignment
JS Data Types
JS Functions
JS Objects
JS Events
JS Strings
JS String Methods
JS String Search
JS String Templates
JS Numbers
JS BigInt
JS Number Methods
JS Number Properties
JS Arrays
JS Array Methods
JS Array Sort
JS Array Iteration
JS Array Const
JS Dates
JS Date Formats
JS Date Get Methods
JS Date Set Methods
JS Math
JS Random
JS Booleans
JS Comparisons
JS If Else
JS Switch
JS Loop For
JS Loop For In
JS Loop For Of
JS Loop While
JS Break
JS Iterables
JS Sets
JS Maps
JS Typeof
JS Type Conversion
JS Bitwise
JS RegExp
JS Precedence
JS Errors
JS Scope
JS Hoisting
JS Strict Mode
JS this Keyword
JS Arrow Function
JS Classes
JS Modules
JS JSON
JS Debugging
JS Style Guide
JS Best Practices
JS Mistakes
JS Performance
JS Reserved Words
LEARN PHP
PHP Comments
PHP Variables
PHP Echo / Print
PHP Data Types
PHP Strings
PHP Numbers
PHP Math
PHP Constants
PHP Operators
PHP If...Else...Elseif
PHP Switch
PHP Loops
PHP Functions
PHP Arrays
PHP Superglobals
PHP RegEx
PHP Forms
PHP Form Handling
PHP Form Validation
PHP Form Required
PHP Form URL/E-mail
PHP Form Complete
Learn BOOTSTRAP
BS5 Colors
BS5 Tables
BS5 Images
BS5 Jumbotron
BS5 Alerts
BS5 Buttons
BS5 Button Groups
BS5 Badges
BS5 Progress Bars
BS5 Spinners
BS5 Pagination
BS5 List Groups
BS5 Cards
BS5 Dropdowns
BS5 Collapse
BS5 Navs
BS5 Navbar
BS5 Carousel
BS5 Modal
BS5 Tooltip
BS5 Popover
BS5 Toast
BS5 Scrollspy
BS5 Offcanvas
BS5 Utilities
BS5 Flex
Bootstrap 5 Forms
BS5 Forms
BS5 Select Menus
BS5 Checks and Radios
BS5 Range
BS5 Input Groups
BS5 Floating Labels
BS5 Form Validation
LEARN FRAMEWORKS
Laravel
Laravel is a Model-View-Controller framework that uses PHP, which is one of the most popular
languages of the web. It’s relatively young compared to other frameworks on this list.
Laravel comes with API support out of the box, and it also possesses a decent number of packages
that could extend its reach. Laracasts is a screencasts tutorials website with over a thousand
videos on PHP, Laravel, and frontend technologies in the Laravel ecosystem that could be a
beginner’s heaven. In terms of performance, however, Laravel doesn’t compare to Django or
Express, which might be a drawback for massive projects.
Spring Framework
Spring is a Model-View-Controller framework that uses Java, the all-time popular language.
Websites like Wix, TicketMaster, and BillGuard are users of this framework. Spring possesses
many sister projects that boost its performance and let you scale your business quickly. The fact
that it uses Java, a strongly typed language, is a severe pro to many web developers. The learning
curve might be quite steep tho, especially if you don’t know Java.
Angular is a front-end framework that specializes in building rich Single-Page applications. It’s a
vibrant framework able to build complete client-side applications, and there’s so much to do and
learn in Angular. Angular 1.x used Javascript, but later releases adopted Typescript, which is a
superset of Javascript. Angular’s main cons are its size compared to other frameworks, and the
fact it’s not SEO friendly by nature, though it can be SEO optimized. Google developed angular,
and Google, Microsoft, and Paypal use it.
React
React is not a framework, it’s a frontend library, but many developers consider it a framework
and it’s usually compared in that context. React was the first to adopt the component-based
architecture that Angular and Vue, and many other frameworks started to adopt later on. React’s
virtual dom makes the dom-manipulation much faster, and it’s quite easy to pick up, mainly
thanks to its JSX syntax. React could be used server-side or client-side. It was developed and
maintained by Facebook, and Facebook and Instagram use it.
VueJS
Vue.js is the new rising star; it started as an individual project and quickly grew into becoming
one of the most trending JS frameworks out there. There are many cool things about Vue. First,
it’s a progressive framework, which means that if you have an existing project, you can adopt
Vue for one portion of the project, and everything would work just fine. Second, it also brings
along the component architecture to play, and the Vue ecosystem can help you build complete
frontend applications. Some people are wary of using Vue since big companies like Facebook or
Google do not support it, but that’s quickly changing as big names are starting to invest in Vue.
Ember
Ember was named the best Javascript framework back in 2015. Today, the Ember community is
enormous, and it’s ever-expanding, with new features, and releases added regularly. Ember
possesses the two-way data binding that Angular boasts, and it comes with a lot of features and
components that you can use out of the box. Google, Microsoft, Heroku, and Netflix use this
framework often. Ember revolves around the developer’s productivity and attempts to maximize
it by either eliminating the need for time-wasting activities or adopting some JS best practices in
its core design.