Git Product home page Git Product logo

learn-javascript's Introduction



javaScript is a high-level, interpreted programming language that conforms to the ECMAScript specification. JavaScript has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions.

This repository is the collection of php Programs that has been done While Learning javaScript as well as the collection of the program that were done while solving heavy Challenges.

NOTE:- All the Notes are Included inside the Programs.

This repo has divided into two main categories that covers:-

  1. Learning Section:- This section have all the php programs that will help you to understand all the Basic as well as Advance Concepts of bulding the structure of our website.

  2. Practice Section:- This Section Contains programs that are challanging.

Learning Section

Fundamentals Part-1

Sno Topic's Programs Discription Script's Web's
1 Linking JavaScript Files link_js.html: How to Link JavaScript file. script.js linking_js
2 Values and Variables values_variables.html: Values and Variables in JavaScript. script.js values_variables
3 Data Types data_types.html: List of Data Types in JavaScript. script.js data_types
4 Let, Const and Var let_const_var.html: Concept of Let, Const and Var in JavaScript. script.js let_const_var
5 Operators operators.html: List of Operators in JavaScript. script.js operators
6 String and Template Literals str_temp_literals.html: String and Template Literals in JavaScript. script.js str_temp_literals
7 if / else Statements if_else.html: if / else Statements in JavaScript. script.js if_else_statements
8 Type Conversion and Coercion type_conversion.html: Type Conversion and Type Coercion in JavaScript. script.js type_conversion
9 Truthy and Falsy Values truthy_falsy.html: Truthy and Falsy Values in JavaScript. script.js truthy_falsy
10 Equality Operators: === vs. == equality_operator.html: Equality Operator in JavaScript(=== vs ==). script.js: equality_operator
11 Boolean Logic and Logical Operators(AND, OR, NOT) logical_operators.html: Boolean Logic & Logical Operators (AND, OR, NOT) in JavaScript. script.js logical_operators
12 Switch Statements switch_stmt.html: Switch Statement in JavaScript. script.js switch_stmt
13 The Conditional (Ternary) Operator ternary_operator.html: The Conditional (Ternary) Operator in JavaScript. script.js ternary_operator

Fundamentals Part-2

Sno Topic's Programs Discription Script's Web's
1 Activating Strict Mode strict_mode.html: Activating Strict Mode in JavaScript. script.js strict_mode

Functions

Sno Topic's Programs Discription Script's Web's
2 Introduction To Functions functions_intro.html: Introduction To Functions in JavaScript. script.js functions_intro
3 Function Decleration Vs Expression function_d_e.html: Function Decleration Vs Function Expression in JavaScript. script.js function_d_e_
4 Arrow Functions arrow_functions.html: Arrow Functions in JavaScript. script.js arrow_functions
5 Function Calling Another Function fcof.html: Function Calling Another Function in JavaScript. script.js fcof

Arrays

Sno Topic's Programs Discription Script's Web's
6 Introduction To Arrays arrays_intro.html: Introduction To Arrays in JavaScript. script.js arrays_intro
7 Basic Array Operations arrays_op.html: Basic Array Operations in JavaScript. script.js arrays_op

Objects

Sno Topic's Programs Discription Script's Web's
8 Introduction To Objects obj_intro.html: Introduction To Objects in JavaScript. script.js obj_intro
9 Dot Notation VS Bracket Notation obj_intro.html: Dot Notation VS Bracket Notation in JavaScript. script.js dot_bracket
10 Object Methods objcet_methods.html: Object Methods in JavaScript. script.js object_methods

Iterations

Sno Topic's Programs Discription Script's Web's
11 The For Loop for_loop.html: The For Loop in JavaScript. script.js for_loop
12 Looping Arrays, Breaking and Countinuing looping_arrays.html: Looping Arrays, Breaking and Countinuing in JavaScript. script.js looping_arrays
13 Looping Backwords, Loops in Loops looping_backwords.html: Looping Backwords, Loops in Loops in JavaScript. script.js looping_backwords
14 While Loop while_loop.html: While Loop in JavaScript. script.js while_loop

Practice Section

Fundamentals Part-1

Sno Topic's Programs Discription Script's Web's
1 Values and Variables prac_v_v.html: Declare variables called country, continent and population and assign their values according to your own country (population in millions). Log their values to the console. script.js prac_v_v_
2 Challange#1 BMI claculate_bmi.html: CHALLENGE #1 Mark and John are trying to compare their BMI (Body Mass Index), which is calculated using the formula: BMI = mass / (height * height) (mass in kg and height in meters). script.js calculate_bmi
3 Challange#2 if-else print_msg_bmi.html: CHALLENGE #2 Use the BMI example from Challenge #1, and the code you already wrote, and improve it: 1. Print a nice output to the console, telling the user who has the higher BMI. The message can be either: "Mark's BMI is higher than John's!" or "John's BMI is higher than Mark's!". script.js print_msg_bmi
4 Challange#3 Who Win The Match who_win.html: CHALLENGE #3 Calculate the average score for each team, using the test data included below. The average score for Dolphins should be assigned to the scoreDolphins variable, and the average score of Koalas should be assigned to the scoreKoalas variable. script.js who_win
5 Challange#4 Make a Tip Calculator tip_calculator.html: CHALLENGE #4 Calculate the tip, depending on the bill value. Create a variable called tip for this. It's not allowed to use an if...else statement (if it's easier for you, you can start with an if...else statement, and then try to convert it to a ternary operator). script.js tip_calculator

Fundamentals Part-2

Sno Topic's Programs Discription Script's Web's
1 Find Who Win Using Functions fun_whoWin.html: CHALLENGE #1 A team only wins if it has at least double the average score of the other team. Otherwise, no team wins! Your tasks: Create an arrow function calcAverage to calculate the average of 3 scores. This function should have three parameters and return a single number (the average score). script.js fun_whoWin
2 CALCULATE THE TIP USING FUNCTION AND STORE IT IN ARRAY array_tip_calc.html: CHALLENGE #2 Write a function calcTip that takes any bill value as an input and returns the corresponding tip, calculated based on the rules above (you can check out the code from the first tip calculator challenge if you need to). Use the function type you like the most. Test the function using a bill value of 100. script.js array_tip_calc
3 CALCULATE THE BMI USING OBJECTS object_BMI.html: CHALLENGE #3 For each of them, create an object with properties for their full name, mass, and height (Mark Miller and John Smith). Name these objects as mark and john, and their properties exactly as fullName, mass and height. script.js object_BMI
4 CALCULATE TIP USING LOOPS AND ARRAYS loop_tipCalc.html: CHALLENGE #4 Create an array called bills containing all 10 test bill values. Create empty arrays for the tips and the totals (tips and totals) Use the calcTip function we wrote before (included in the starter code) to calculate tips and total values (bill + tip) for every bill value in the bills array. Use a for loop to perform the 10 calculations! script.js loop_tipCalc

learn-javascript's People

Contributors

kushagra-jaiswal avatar faraz-mobin17 avatar

Watchers

 avatar

Forkers

faraz-mobin17

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.