Web Development - HTML, CSS & JavaScript
50.9K subscribers
1.67K photos
5 videos
34 files
318 links
Learn to code and become a Web Developer with HTML, CSS, JavaScript , Reactjs, Wordpress, PHP, Mern & Nodejs knowledge

Managed by: @love_data
Download Telegram
🔅 HTML Form Input Types

The <input> HTML element is used to create interactive controls for web-based forms to accept data from the user. A wide variety of input data types and control widgets are available, depending on the device and user agent. The <input> element is one of the most powerful and complex in all of HTML due to the sheer number of combinations of input types and attributes.
7👍4🔥2👎1
Must know things for FRONTED DEVELOPMENT 🏗️

➡️ HTML + CSS

▶️ Build basic projects

➡️ Git + GitHub

➡️ Javascript

➡️ Javascript framework

▶️ Build Projects
👍16🔥2
How React's ES6 syntax is different from ES5 syntax?

1. require vs. Import
// ES5
var React = require('react');

// ES6
import React from 'react';
5
2. exports vs. export
// ES5
module.exports = Component;

// ES6
export default Component;
5👍1
3. component and function
// ES5
var MyComponent = React.createClass({
render: function() {
return(
<h3>Hello JavaTpoint</h3>
);
}
});

// ES6
class MyComponent extends React.Component {
render() {
return(
<h3>Hello Javatpoint</h3>
);
}
}
👍4
4. props
// ES5
var App = React.createClass({
propTypes: { name: React.PropTypes.string },
render: function() {
return(
<h3>Hello, {this.props.name}!</h3>
);
}
});

// ES6
class App extends React.Component {
render() {
return(
<h3>Hello, {this.props.name}!</h3>
);
}
}
5
🔰 Objects as Structs in JavaScript

While JavaScript does not have a direct equivalent to structs, its objects can be used in similar ways to group related data and behavior.


This flexibility allows for a wide range of programming styles, including object-oriented programming.
👍52🔥2
💻 Frontend vs Backend 📚
🔥4
🧿 ReactJS Cheat-Sheet

This Post includes a ReactJs cheat sheet to make it easy for our followers to work with Reactjs.
👍11