Best Bundle Of HTML,CSS, JAVASCRIPT, NODE JS, NPM, JSON, SQL

Name: Best Bundle Of HTML,CSS, JAVASCRIPT, NODE JS, NPM, JSON, SQL
Rating: 4.4 (19 reviews)

HTML5 CSS3 , Front End & Back End Development, CSS Advance, Bootstrap, JavaScript, NodeJS, NPM, JSON, SQL, php

Created byBTPcoders Academy

Last updated 12/2023

English

What you'll learn

HTML : Lay the foundation of your web development journey
CSS : Style you webpage using CSS. Learn basics to advance.
JavaScript: Learn basics of Javascript as well as advance concepts
Node JS: Learn the power of NodeJS, NPM, Working with modules and API. Learn basics to advance.
JSON : Learn and gain a comprehensive understanding of how JSON works.
SQL : Learn basics of Database MS SQL and how to interact database with Node JS. Learn SQL Commands.
Php : Learn basics of phpMyAdmin, create tables and insert data.

Course content

16 sections • 157 lectures • 16h 41m total length

Introduction1:59

Introduction Course Content5:27
Introduction Continued2:26
Explore responsive web design with media queries, flexbox, and grid, while previewing display.html, grid.html, and style.css on a live server.
Download and install VS Code4:13
5- HTML History~Client Server Arch.8:23
6 - HTML Heading tags4:00
7- P tag, br tag, List tag, Nesting of list tag9:38
Learn to use p and br tags for paragraphs and line breaks, create and nest ordered and unordered lists, and format HTML for readability with live server instantly reflecting changes.
8- img tag, anchor tag, making images clickable10:00
9- Input tags, button6:45
10- Button, Div tag7:17
Create a live webpage using headings, lists, anchor links, images, and inputs for username, password, date, and file, then organize layout with div tags and class-based styling.
11- B tag, inspect browser, DOM, Image height~width7:02
12- Table tag4:32
13- Audio and Video files in html page3:36
Learn to embed audio and video in a web page by organizing files into audio and video folders, using audio and video tags with relative paths and controls.
14- Video Audio files from internet into our page, using iframe tag8:12
15- HTML Boilerplate Code, Page Title5:25
16- Multipage Website4:32
17 - Github Repository Creation and Uploading files2:41
18 - Settings to Host Website for Free using GITHUB1:09
19 - Our website URL, HTML Conclusion2:40

20 -CSS Introduction5:22
21 - Inline CSS7:59
22- div tag,CSS box model, CSS Selectors8:11
Explore CSS selectors including element, class, id, attribute, and universal selectors, and learn the CSS box model with div tag containers and class-based styling in the head style tag.
23- Running Sample CSS code6:09
24- CSS Defining Div tags and class in our page5:14
25- Inline CSS and styling5:58
26- Tag based CSS styling6:00
27- Class Based styling continued, Comment tag8:00
28- Float property3:09
29 - id selector styling, using multiple selectors, priority order8:03
30 - Attribute Selector Examples6:07
31 - Universal Selector3:30
32 - Combining different selectors, Grouping Selectors6:32
33 - Child Selector, Descendent selector9:01
34- Chaining selectors example5:56
35- External CSS5:33
36- Positioning in CSS Static,Relative,Fixed,Absolute6:48
37- Sticky Positioning CSS2:58
38 - Toolbar Creation Example9:54
39- Toolbar contd. and Use of Pseudo Classes9:36
40- Pseudo Class with IMG tag4:55
41- Pseudo Class Table Styling7:56
Style HTML tables with pseudo-class based styling, applying borders, border-collapse, and zebra coloring using nth-child(odd) and nth-child(even), while adjusting font size.
42- Pseudo Class example Input fields3:54
Demonstrate using the CSS focus pseudo class to style input fields, with username and password colored differently by ID, and adjust text color and font size for clear input visibility.
43 - Display Property in CSS9:17
44- Responsive Web Design6:40
45 - Media Queries9:41
46- Flexbox CSS Container12:11
Master flexbox in css by creating a flex container with items, and control layout with flex-direction, justify-content, align-items, and wrap for responsive design.
47- Flexbox CSS Items11:20
48- CSS Grid Intro and Container Properties13:54
49- CSS Grid Items Properties7:48

Introduction3:08
53- JS Introduction and VS Code Installation5:21
Discover how HTML, CSS, and JavaScript define web pages and behavior, understand ECMAScript standards for cross-browser code, and download and install VS Code to start coding.
54- Javascript Important Basics14:09
55- JS important points to remember3:47
56- Hello World !!5:05
57 - Variables and Constants11:18
Learn to declare and manage variables in JavaScript with let, var, and const, reassign values, using camel case, respecting reserved keywords, and choosing const for constants.
58 - Primitive Types in JS4:49
Discover how to declare variables with let, assign values, and identify primitive types in javascript, including string, number, boolean, undefined, null, with symbol to be discussed later.
59- Using typeof operator3:25
60 - More on data types, Difference between Null and undefined8:31
Explore primitive and non-primitive data types in JavaScript, including string, boolean, numbers, undefined, null, and objects. Clarify why undefined differs from null and contrast primitive immutability with non-primitive mutability.

69- Array introduction5:40
70- Adding elements in array, push(),unshift(),splice() methods6:46
71 - Removing elements from array, pop(),splice(),shift()5:27
Master removing elements from an array in JavaScript using pop, shift, and splice to delete from end, beginning, and middle.
72- split() & join() methods5:41
Master split and join methods to convert text into arrays and back, using spaces, hyphens, or other separators to control how words are parsed and joined.
73- Concat, Sort and Reverse Methods4:32
74- toString() & fill() methods2:54
Demonstrate two JavaScript array methods, toString and fill, by converting a country array to a string and filling all elements with a single value, Brazil, with console logs.
75- using isArray() function2:34
Learn how to determine if a variable is an array in JavaScript with Array.isArray, using examples with a books array to show true for arrays and false for non-arrays.
76-Multidimensional Array7:50
77- Using document.write2:44
Learn how to use document.write to print values on the page, switch from console.log to on-page output, and format results with h2 and center tags.
78- Plan for the next Section1:19

79- Execute code using Node JS5:52
80- While Loop6:37
81-Example While Loop6:23
82- Do-While Loop4:59
83- FOR Loop2:23
84 - Example -FOR Loop with If-Else5:01
Implement fizzbuzz with a for loop from 1 to 100, check if i mod 3 equals 0, and console.log fizz when divisible, otherwise console.log buzz.
85 - Loop with Array, for-of loop5:47
86- For-in loop with Objects and Arrays9:46
87- Break and Continue3:43
Learn how to use break and continue in JavaScript loops, particularly in a while loop, to exit when a condition is met and print only odd numbers.

88- Functions Declaration, Function Expression, Anonymous Function10:41
89- Function Parameters and Arguments3:32
90- Using alert with Function2:37
91- Using Return keyword5:21
92- Example Of Using Return Keyword with Condition Check4:55
93- Arguments object in JS10:46
94- Global vs Local Variable scope13:02
Learn global versus local variable scope in JavaScript, showing how variables defined inside curly braces, functions, loops, and if statements stay local, while global variables remain accessible throughout the page.
95- Immediately invoked function2:57
Learn how to create an anonymous function assigned to a variable and immediately invoke it, to avoid global variables and conserve memory.
96- Rest Operator4:14
97- Arrow Functions16:08
98- Datatype conversion methods9:09
99- For Each Method with Arrow Function4:01
100- Callback Functions, Passing a function as an argument to other function12:31
101 - Callback Function another example5:56

Requirements

No programming experience required, Only WILLINGNESS to learn is enough. I will start from absolute basic.

Description

•In this 16.5+ hours of course we are going to learn all important concepts of HTML, CSS JavaScript, Node JS, NPM, JSON, SQL basics and advanced concepts.

Best suitable course for BEGINNERS.

No prior knowledge is required, absolutely nothing.

We will learn about –

HTML Tags such as p tag, br tag, img tag, div tag, create ordered and unordered list, iframe tag, input tags, table tag and many more.
We will learn how to add images and videos in our webpage, adding music audio files from internet and Youtube videos.
We will learn to create multipage responsive website.
We will learn to HOST our website for FREE using GITHUB.
We will learn to style and decorate our webpage using CSS.
We will learn to work with inline, internal and external CSS.
We will learn tag based styling, Class based styling etc.
We will learn about CSS Selectors and using multiple selectors and how to group selectors.
We will see examples of element, class, id, attribute and universal selectors.
We will learn CSS Box Model.
We will work with Float property and make our web page responsive.
We will see child/descendent selectors and example of chaining selectors.
We will learn about CSS Positioning (Static, relative, fixed, absolute, sticky)
We will learn about Pseudo classes (with img tag, with input fields and table styling)
We will learn Display properties in CSS (None, Block, Inline, inline-block )
We will learn how to create responsive web design.
We will learn advanced CSS Concepts like Media Queries, CSS Flexbox and CSS Grid.
We will learn to use Bootstrap and working with Bootstrap online and offline.
All important basics of Javascript.
hands-on examples
Variables, constants, datatypes in Javascript.
Operators (Mathematics, Comparison, Ternary, Logical) in Javascript.
Conditional Statements such as If else, switch case with examples.
About Arrays in Javascript and various properties and methods.
About Loops (For, While, Do While, For-of, For-in )
About Javascript functions in detail.
About Arrow function, Callback functions
About Objects in detail.
About Object Constructor Function.
About usage of THIS and NEW keywords.
About error handling Try-Catch-Finally block.
What is Node JS, Node JS Basics
Node js in-built modules and creating your own module.
fs, http, OS and other in-built modules.
working with NPM (Node package manager)
using npm modules in your files.
working with package.json file.
What is JSON and how it works.
What is SQL and how to work with SQL using Node.
Creating database, creating table, inserting record, altering table etc.
Important SQL Commands.
Observing changes using php myadmin user interface.

Disclaimer: I have designed this course based on best of my knowledge.

All the best and Happy learning !!

Who this course is for:

Beginners, Developers, Programming Enthusiasts, Coders
Software consultants/ engineers
Anyone who wants to learn basics of coding!

Best Bundle Of HTML,CSS, JAVASCRIPT, NODE JS, NPM, JSON, SQL

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 2min

HTML : Hypertext Markup Language18 lectures • 1hr 38min

CSS : Cascading Style Sheets30 lectures • 3hr 38min

Additional Section BOOTSTRAP2 lectures • 18min

JS : Javascript9 lectures • 1hr

JS Operators5 lectures • 25min

JS : Conditional Statement3 lectures • 14min

JS : Arrays10 lectures • 45min

JS : Loops9 lectures • 51min

JS : Functions14 lectures • 1hr 46min

Requirements

Description

Who this course is for: