A web developer is a programmer who specializes in, or is specifically engaged in, the development of World Wide Web applications using a client–server model. The applications typically use HTML, CSS and JavaScript in the client, PHP, ASP.NET (C#), Python, Node.js, Go or Java in the server, and http for communications between client and server. A web content management system is often used to develop and maintain web applications.
WEB DEVELOPER ROAPMAP START 2021: how many languages learn in developer .
HTML : The HyperText Markup Language, or HTML is the standard markup language for documents designed to be displayed in a web browser.
HTML important topic learn :
1) HTML STRUCTURE : HTML Page Structure ... Note: The content inside the <body> section (the white area above) will be displayed in a browser. The content inside the <title> element
2) HTML TAG : An HTML tag is commonly defined as a set of characters constituting a formatted command for a web page . at the core HTML tags provide the directions or recipes for the visual content that one sees on the Web.
3) HTML TABLES : An HTML structure for creating rows and columns on a Web page . The Table tag defines the overall tables and the Tables Row (TR) tag is used to build each row . The Table Data (TD) tag defines the actual data.
4) HTML Forms : An HTML form is a section of a document which contains controls such as text fields, password fields, checkboxes, radio buttons, submit button, menus etc. An HTML form facilitates the user to enter data that is to be sent to the server for processing such as name, email address, password, phone number, etc. .
5) HTML ADDING STYLES: Styles in HTML are basically rules that describe how a document will be presented in a browser. Style information can be either attached as a separate document or embedded in the HTML document. ... Inline Style : In this method, the style attribute is used inside the HTML start tag
css : Cascading Style Sheets
CSS is the acronym of “Cascading Style Sheets”. CSS is a computer language for laying out and structuring web pages (HTML or XML). This language contains coding elements and is composed of these “cascading style sheets” which are equally called CSS files
1) SELECTORS: CSS selectors are used to select the content you want to style. Selectors are the part of CSS rule set. CSS selectors select HTML elements according to its id, class, type, attribute etc. There are several different types of selectors in CSS. CSS Element Selector
2) BOX MODEL: In CSS, the term "box model" is used when talking about design and layout. The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content. ... Margin - Clears an area outside the border.
3) POSITION: The CSS position property defines the position of an element in a document. This property works with the left, right, top, bottom and z-index properties to determine the final position of an element on a page.
4) FLEX: The flex property in CSS is the combination of flex-grow, flex-shrink, and flex-basis property. It is used to set the length of flexible items. The flex property is much responsive and mobile friendly. It is easy to positioning child elements and the main container
5) MEDIA QUERY: Media queries are a feature of CSS that enable webpage content to adapt to different screen sizes and resolutions. ... For example, the desktop styles might be defined first, followed by a media query with styles for tablet users, followed by a media query designed for smartphone users.
JAVASCARIPT: JavaScript is a programming language commonly used in web development. JavaScript is a client-side scripting language, which means the source code is processed by the client's web browser rather than on the web server.
1) BASICS (VARIABLES, CONDITION & LOOPING): Control flow and branching using keywords, such as if , for , and while. Within any program, you can define sections of code that either repeat in a loop or conditionally execute. Loops use a for or while keyw ord, and conditional statements use if or switch
2) SCOPE : The scope is a policy that manages the availability of variables. A variable defined inside a scope is accessible only within that scope, but inaccessible outside. In JavaScript, scopes are created by code blocks, functions, modules
3) CLOSURE: A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). ... In JavaScript, closures are created every time a function is created, at function creation time
4) FUNCTIONS: A function in JavaScript is similar to a procedure—a set of statements that performs a task or calculates a value, but for a procedure to qualify as a function, it should take some input and return an output where there is some obvious relationship between the input and the output
5) HOISTING: JavaScript Hoisting refers to the process whereby the interpreter allocates memory for variable and function declarations prior to execution of the code. ... This allows variables to appear in code before they are defined.
6) DOM MANIPULATION: The Document Object Model (DOM) is an application programming interface (API) for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated. ... The DOM is designed to be used with any programming language.
7) EVENT HANDLING: The change in the state of an object is known as an Event. ... This process of reacting over the events is called Event Handling. Thus, js handles the HTML events via Event Handlers. For example, when a user clicks over the browser, add js code, which will execute the task to be performed on the event
Comments
Post a Comment