;
10 | }
11 | }
12 | });
13 |
14 | module.exports = Greeting;
15 |
--------------------------------------------------------------------------------
/Web-Development/jQuery/jQuery Effects/9.css:
--------------------------------------------------------------------------------
1 | ol {
2 | list-style-type: none;
3 | position: relative;
4 | left: -20px;
5 | }
6 |
7 | ol li {
8 | background: #eeeeee;
9 | border-radius: 5px;
10 | border: 1px solid black;
11 | margin: 3px;
12 | padding: 0.4em;
13 | font-size: 1em;
14 | height: 16px;
15 | font-family: Verdana, Arial, Sans-Serif;
16 | }
17 |
18 | ol .ui-selected {
19 | background: #F39814; color: white;
20 | }
--------------------------------------------------------------------------------
/Web-Development/HTML-CSS/CSS - Element Positioning/17.css:
--------------------------------------------------------------------------------
1 | div {
2 | height: 100px;
3 | width: 100px;
4 | border-radius: 5px;
5 | border: 2px solid black;
6 | }
7 |
8 | #inner {
9 | height: 75px;
10 | width: 75px;
11 | background-color: #547980;
12 | /*Add your CSS here!*/
13 |
14 | }
15 |
16 | #outer {
17 | height: 1500px;
18 | width: 150px;
19 | background-color: #45ADA8;
20 | position: absolute;
21 | margin-left: 100px;
22 | }
--------------------------------------------------------------------------------
/Web-Development/React/React-I/2-React-Components/2-Components-Advanced-JSX/6.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var ReactDOM = require('react-dom');
3 |
4 | var Button = React.createClass({
5 | scream: function () {
6 | alert('AAAAAAAAHHH!!!!!');
7 | },
8 |
9 | render: function () {
10 | return ();
11 | }
12 | });
13 |
14 | ReactDOM.render(, document.getElementById('app'));
15 |
--------------------------------------------------------------------------------
/Web-Development/Ruby/4-Thith/1.rb:
--------------------------------------------------------------------------------
1 | # What You'll Be Building
2 | # Now that we can direct our program using if / else statements, we can produce different results based on different user input.
3 |
4 | # In this project, we'll combine control flow with a few new Ruby string methods to Daffy Duckify a user's string, replacing each "s" with "th".
5 |
6 | # Instructions
7 | # Click Save & Submit Code to see the Daffy Duckifier in action and to start building your own!
--------------------------------------------------------------------------------
/Web-Development/Ruby/7- Data Structures/1.rb:
--------------------------------------------------------------------------------
1 | # Creating Arrays
2 | # Earlier we saw that an array can be used to store a list of values in a single variable. You can stuff any number of numbers in there, you can repeat numbers, and they don't have to be in numeric order!
3 |
4 | # Instructions
5 | # Declare a variable, my_array, in the editor, and set it equal to an array of your choice. Check the Hint if you need a syntax refresher.
6 |
7 | my_array = [10,2,33,400,5]
--------------------------------------------------------------------------------
/Web-Development/Ruby/7- Data Structures/14.rb:
--------------------------------------------------------------------------------
1 | # Multidimensional Arrays
2 | # Great work! You've learned a lot in this lesson. Let's do a little review to be sure you really know your stuff.
3 |
4 | # Instructions
5 | # Create your own multidimensional array called my_array in the editor. The elements of the innermost array can be anything you like: numbers, strings, booleans, and so on. Check the Hint if you need help.
6 |
7 | my_array = [ [1,2], [3,4], [4,5],[5,6]]
--------------------------------------------------------------------------------
/Python/Tutorials/Lists-Functions/Lists_And_Functions_5.py:
--------------------------------------------------------------------------------
1 | # def list_function(x):
2 | # return x[1]
3 |
4 | # n = [3, 5, 7]
5 | # print list_function(n)
6 |
7 |
8 | # Modifying an element of a list in a function
9 | # Modifying an element in a list in a function is the same as if you were just modifying an element of a list outside a function.
10 |
11 | def list_function(x):
12 | x[1] += 3
13 | return x
14 |
15 | n = [3, 5, 7]
16 | print list_function(n)
--------------------------------------------------------------------------------
/Web-Development/Ruby-On-Rails/1 - Getting Started/6.md:
--------------------------------------------------------------------------------
1 | Congratulations! You built a Rails app from scratch. What can we generalize so far?
2 |
3 | Using the request/response cycle as a guide, this has been our workflow when making a Rails app.
4 |
5 | Generate a new Rails app.
6 | Generate a controller and add an action.
7 | Create a route that maps a URL to the controller action.
8 | Create a view with HTML and CSS.
9 | Run the local web server and preview the app in the browser.
--------------------------------------------------------------------------------
/Web-Development/jQuery/Dynamic HTML/10.css:
--------------------------------------------------------------------------------
1 | h2 {
2 | font-family:arial;
3 | }
4 |
5 | form {
6 | display: inline-block;
7 | }
8 |
9 | #button{
10 | display: inline-block;
11 | height:20px;
12 | width:70px;
13 | background-color:#cc0000;
14 | font-family:arial;
15 | font-weight:bold;
16 | color:#ffffff;
17 | border-radius: 5px;
18 | text-align:center;
19 | margin-top:2px;
20 | }
21 |
22 | .list {
23 | font-family:garamond;
24 | color:#cc0000;
25 | }
--------------------------------------------------------------------------------
/Web-Development/jQuery/Project-Gameboard/app.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by manishgiri on 11/18/2016.
3 | */
4 | var main = function() {
5 | $(".more-btn").click(function() {
6 | $(this).next().toggle();
7 | });
8 |
9 | $(".share").click(function() {
10 | $(".share-menu").toggle();
11 | });
12 |
13 | $(".notification").click(function() {
14 | $(this).toggleClass('active');
15 | });
16 | };
17 |
18 | $(document).ready(main);
19 |
--------------------------------------------------------------------------------
/Web-Development/React/React-I/3-Components-Interacting/3-This.State/3.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var ReactDOM = require('react-dom');
3 |
4 | var App = React.createClass({
5 | getInitialState: function() {
6 | return { title: 'Best App' }
7 | },
8 | render: function () {
9 | return (
10 |
11 | {this.state.title}
12 |
13 | );
14 | }
15 | });
16 |
17 | ReactDOM.render(, document.getElementById('app'));
18 |
19 |
--------------------------------------------------------------------------------
/Python/Tutorials/Lists-Functions/Lists_And_Functions_6.py:
--------------------------------------------------------------------------------
1 | # List manipulation in functions
2 | # You can also append or delete items of a list inside a function just as if you were manipulating the list outside a function.
3 |
4 | # my_list = [1, 2, 3]
5 | # my_list.append(4)
6 | # print my_list
7 | # # prints [1, 2, 3, 4]
8 |
9 | n = [3, 5, 7]
10 | # Add your function here
11 | def list_extender(lst):
12 | lst.append(9)
13 | return lst
14 |
15 |
16 | print list_extender(n)
--------------------------------------------------------------------------------
/Web-Development/HTML-CSS/CSS - Element Positioning/20.css:
--------------------------------------------------------------------------------
1 | div {
2 | height: 100px;
3 | width: 100px;
4 | border-radius: 5px;
5 | border: 2px solid black;
6 | }
7 |
8 | #inner {
9 | height: 75px;
10 | width: 75px;
11 | background-color: #547980;
12 | /*Add your CSS here!*/
13 | position:fixed;
14 | margin-left:200px;
15 | }
16 |
17 | #outer {
18 | height: 1500px;
19 | width: 150px;
20 | background-color: #45ADA8;
21 | position: absolute;
22 | margin-left: 100px;
23 | }
--------------------------------------------------------------------------------
/Web-Development/HTML-CSS/CSS - Element Positioning/18.css:
--------------------------------------------------------------------------------
1 | div {
2 | height: 100px;
3 | width: 100px;
4 | border-radius: 5px;
5 | border: 2px solid black;
6 | }
7 |
8 | #inner {
9 | height: 75px;
10 | width: 75px;
11 | background-color: #547980;
12 | /*Add your CSS here!*/
13 | position:absolute;
14 | margin-left:20px;
15 | }
16 |
17 | #outer {
18 | height: 1500px;
19 | width: 150px;
20 | background-color: #45ADA8;
21 | position: absolute;
22 | margin-left: 100px;
23 | }
--------------------------------------------------------------------------------
/Web-Development/HTML-CSS/CSS - Element Positioning/19.css:
--------------------------------------------------------------------------------
1 | div {
2 | height: 100px;
3 | width: 100px;
4 | border-radius: 5px;
5 | border: 2px solid black;
6 | }
7 |
8 | #inner {
9 | height: 75px;
10 | width: 75px;
11 | background-color: #547980;
12 | /*Add your CSS here!*/
13 | position:relative;
14 | margin-left:200px;
15 | }
16 |
17 | #outer {
18 | height: 1500px;
19 | width: 150px;
20 | background-color: #45ADA8;
21 | position: absolute;
22 | margin-left: 100px;
23 | }
--------------------------------------------------------------------------------
/Web-Development/Ruby/3-Control Flow/15.rb:
--------------------------------------------------------------------------------
1 | # Unless
2 | # Good! Now let's review the unless statement.
3 |
4 | # problem = false
5 | # print "Good to go!" unless problem
6 | # Remember, this is basically a short hand if statement. It will do whatever you ask unless the condition is true. In our example, problem is false, so we don't have a problem. We print Good to go!
7 |
8 | # Instructions
9 | # Create an unless statement in the editor. The statement should print something to the console.
--------------------------------------------------------------------------------
/Web-Development/HTML-CSS/CSS - Classes & IDs/CSS Selectors/9.css:
--------------------------------------------------------------------------------
1 | p {
2 | font-family: Garamond, serif;
3 | color:#ff00000;
4 | }
5 |
6 | #intro {
7 | font-weight: bold;
8 | color: #000000;
9 | }
10 |
11 | div p {
12 | color: #7AC5CD;
13 | }
14 |
15 | li p {
16 | font-family: Verdana, sans-serif;
17 | color: #008800;
18 | }
19 |
20 | .list_item {
21 | font-family: Vivaldi, cursive;
22 | color:#cc0000;
23 | }
24 |
25 | #summary {
26 | font-size: 20px;
27 | color: #000000;
28 | }
--------------------------------------------------------------------------------
/Web-Development/React/React-I/2-React-Components/3-Authorization-Form-Project/5-compiled.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by manishgiri on 9/17/16.
3 | */
4 | // Good! Now let's give your form some s for the user to fill out.
5 | //
6 | // In between the tags, write two tags. Give the first two attributes: type="password" and placeholder="Password". Give the second one attribute: type="submit".
7 | "use strict";
8 |
9 | //# sourceMappingURL=5-compiled.js.map
--------------------------------------------------------------------------------
/Web-Development/HTML-CSS/CSS - Element Positioning/2.css:
--------------------------------------------------------------------------------
1 | * {
2 | border: 1px dashed blue;
3 | }
4 |
5 | div {
6 | height: 50px;
7 | width: 100px;
8 | border: 2px solid black;
9 | border-radius: 5px;
10 | /*Add your CSS here!*/
11 | display:block;
12 |
13 | }
14 |
15 | #one {
16 | background-color: #FF0000;
17 | }
18 |
19 | #two {
20 | background-color: #0000FF;
21 | }
22 |
23 | #three {
24 | background-color: #FFD700;
25 | }
26 |
27 | #four {
28 | background-color: #308014;
29 | }
--------------------------------------------------------------------------------
/Web-Development/Ruby/7- Data Structures/15.rb:
--------------------------------------------------------------------------------
1 | # Hashes
2 | # Good! Now let's create a hash. Feel free to use either hash literal notation or Hash.new.
3 |
4 | # prices = {
5 | # "apple" => 0.52,
6 | # "banana" => 0.23,
7 | # "kiwi" => 1.42
8 | # }
9 |
10 | # sounds = Hash.new
11 | # sounds["dog"] = "woof"
12 | # sounds["cat"] = "meow"
13 | # Instructions
14 | # Create a hash called my_hash in the editor.
15 | # Give it at least one key-value pair.
16 |
17 | my_hash = { "code" => "Rails"}
--------------------------------------------------------------------------------
/Web-Development/jQuery/Project-Threadly/script.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by manishgiri on 11/2/2016.
3 | */
4 |
5 | var main = function() {
6 | $('form').submit(function() {
7 | var comment = $("#comment").val();
8 | if(comment !== "") {
9 | var html = $('
14 | );
15 | }
16 | });
17 |
18 | module.exports = List;
--------------------------------------------------------------------------------
/Web-Development/Ruby/5- Loops & Iterators/16.rb:
--------------------------------------------------------------------------------
1 | # Looping with 'For'
2 | # In case you're not picking up on the theme of Ruby having a gajillion ways to do any given task: let's convert our loop yet again.
3 |
4 | # for k in 1..3
5 | # print k
6 | # end
7 | # In the above example, we print out 123 by virtue of looping from 1 to 3 inclusive.
8 |
9 | # Instructions
10 | # Now print out the numbers from 1 to 50 inclusive, using a for loop instead of an until loop.
11 |
12 | for i in 1..50
13 | print i
14 | end
--------------------------------------------------------------------------------
/Web-Development/jQuery/Project-Forecast/script.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by manishgiri on 11/3/2016.
3 | */
4 |
5 | var main = function() {
6 | //In script.js, add a click event handler to the .day divs.
7 | $(".day").click(function() {
8 | //When a .day div is clicked, toggle the following .hourly div, which is its next sibling.
9 | $(this).next().toggle();
10 | $(this).find("span").toggleClass("glyphicon glyphicon-minus");
11 | });
12 | };
13 |
14 | $(document).ready(main);
15 |
--------------------------------------------------------------------------------
/Web-Development/Ruby/8- Histogram/3.rb:
--------------------------------------------------------------------------------
1 | # Building the Words Array
2 | # Next, we'll want to turn the user's string into something we can iterate over. A data structure made up of elements all in a line, you say? That sounds like an array!
3 |
4 | # By calling the .split method on text, we can transform it into an array.
5 |
6 | # Instructions
7 | # Declare a variable called words and set it equal to the result of calling .split on text.
8 |
9 | puts "Enter text"
10 | text = gets.chomp
11 |
12 | words = text.split(" ")
--------------------------------------------------------------------------------
/Web-Development/jQuery/Introduction/1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/Web-Development/Ruby/6- Redacted/2.rb:
--------------------------------------------------------------------------------
1 | # # Getting the User's Input
2 | # # First things first: we'll need to get the user's input.
3 |
4 | # # Instructions
5 | # # Use puts to prompt the user for input two times. For the first puts, declare a variable called text and set it equal to the user's input via gets.chomp. For the second puts, declare a variable called redact and set it equal to the user's input using gets.chomp.
6 | puts "Enter text to search through"
7 | text = gets.chomp
8 | puts "Enter word to redact"
9 | redact = gets.chomp
--------------------------------------------------------------------------------
/Web-Development/React/React-I/3-Components-Interacting/2-This.Props/1.js:
--------------------------------------------------------------------------------
1 | // The name of this unit is "Components Interacting."
2 | //
3 | // In the last lesson, you learned one way that components can interact: a component can render another component.
4 | //
5 | // In this lesson, you will learn another way that components can interact: a component can pass information to another component.
6 | //
7 | // Information that gets passed from one component to another is known as "props."
8 | //
9 | // Click Next to enter props-land!
10 |
--------------------------------------------------------------------------------
/Web-Development/HTML-CSS/Introduction-to-CSS/Design_Website_Button/2.css:
--------------------------------------------------------------------------------
1 | img {
2 | display: block;
3 | height: 100px;
4 | width: 300px;
5 | margin: auto;
6 | }
7 |
8 | p {
9 | text-align: center;
10 | font-family: Garamond, serif;
11 | font-size: 18px;
12 | }
13 |
14 | /*Start adding your CSS below!*/
15 |
16 | div {
17 | height:50px;
18 | width:120px;
19 | border-color:#6495ED;
20 | background-color:#BCD2EE;
21 | border-style:solid;
22 | border-width:2px;
23 | border-radius:5px;
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/Web-Development/Ruby/4-Thith/6.rb:
--------------------------------------------------------------------------------
1 | # Setting Up the 'Else' Branch
2 | # The hard part's over! Now we just need to let the user know if we don't find any instances of the letter "s".
3 |
4 | # Instructions
5 | # Add an else statement that displays a string to the user to let them know if there are no "s"s in their string.
6 |
7 | print "String please"
8 | user_input = gets.chomp
9 | user_input.downcase!
10 |
11 | if user_input.include?"s"
12 | user_input.gsub!(/s/, "th")
13 | else
14 | puts "There's no s in your string"
15 | end
--------------------------------------------------------------------------------
/Web-Development/Ruby/7- Data Structures/5.rb:
--------------------------------------------------------------------------------
1 | # Create Your Own
2 | # See how a two-dimensional array with the same number of elements per row and overall rows is a square? An array (like a line) is one-dimensional; an array of arrays (like a square) is two-dimensional.
3 |
4 | # Instructions
5 | # Create your own two-dimensional array called my_2d_array in the editor. The elements of the inner array can be anything you like: numbers, strings, booleans, and so on. Check the Hint if you need help.
6 |
7 | my_2d_array = [[1,2], [2,3], [3,4], [4,5]]
--------------------------------------------------------------------------------
/Web-Development/jQuery/jQuery Effects/5.html:
--------------------------------------------------------------------------------
1 |
8 |
9 | $(document).ready(function() {
10 | $("div").click(function(){
11 | $(this).effect("slide");
12 | });
13 | });
--------------------------------------------------------------------------------
/Web-Development/React/React-I/2-React-Components/3-Authorization-Form-Project/5-compiled.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["5.js"],"names":[],"mappings":"AAAA;;;AAGA;AACA;AACA","file":"5-compiled.js","sourcesContent":["/**\n * Created by manishgiri on 9/17/16.\n */\n// Good! Now let's give your form some s for the user to fill out.\n//\n// In between the tags, write two tags. Give the first two attributes: type=\"password\" and placeholder=\"Password\". Give the second one attribute: type=\"submit\".\n"]}
--------------------------------------------------------------------------------
/Python/Tutorials/Loops/while.py:
--------------------------------------------------------------------------------
1 | count = 0
2 |
3 | if count < 5:
4 | print "Hello, I am an if statement and count is", count
5 |
6 | while count < 10:
7 | print "Hello, I am a while and count is", count
8 | count += 1
9 |
10 | loop_condition = True
11 |
12 | while loop_condition:
13 | print "I am a loop"
14 | loop_condition = False
15 |
16 | num = 1
17 |
18 | while num < 11: # Fill in the condition
19 | # Print num squared
20 | print num **2
21 |
22 | # Increment num (make sure to do this!)
23 | num += 1
--------------------------------------------------------------------------------
/Web-Development/Ruby/7- Data Structures/8.rb:
--------------------------------------------------------------------------------
1 | # Adding to a Hash
2 | # We can add to a hash two ways: if we created it using literal notation, we can simply add a new key-value pair directly between the curly braces. If we used Hash.new, we can add to the hash using bracket notation:
3 |
4 | # pets = Hash.new
5 | # pets["Stevie"] = "cat"
6 | # # Adds the key "Stevie" with the
7 | # # value "cat" to the hash
8 | # Instructions
9 | # Add a pet to your pets hash. It can be any key-value pair you like!
10 | pets = Hash.new
11 |
12 | pets["Wolfie"] = "dog"
--------------------------------------------------------------------------------
/Web-Development/React/React-I/3-Components-Interacting/1-Components-render-other-components/3-navbar.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 |
3 | var NavBar = React.createClass({
4 | render: function () {
5 | var pages = ['home', 'blog', 'pics', 'bio', 'art', 'shop', 'about', 'contact'];
6 | var navLinks = pages.map(function(page){
7 | return (
8 |
9 | {page}
10 |
11 | );
12 | });
13 |
14 | return ;
15 | }
16 | });
17 |
18 | module.exports = NavBar;
19 |
--------------------------------------------------------------------------------
/Web-Development/React/React-I/3-Components-Interacting/2-This.Props/2.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var ReactDOM = require('react-dom');
3 |
4 | var PropsDisplayer = React.createClass({
5 | render: function () {
6 | var stringProps = JSON.stringify(this.props);
7 |
8 | return (
9 |
10 |
CHECK OUT MY PROPS OBJECT
11 |
{stringProps}
12 |
13 | );
14 | }
15 | });
16 |
17 | // ReactDOM.render goes here:
18 | ReactDOM.render(, document.getElementById('app'));
19 |
--------------------------------------------------------------------------------
/Web-Development/Ruby/5- Loops & Iterators/15.rb:
--------------------------------------------------------------------------------
1 | # Looping with 'Until'
2 | # Good work!
3 |
4 | # i = 3
5 | # while i > 0 do
6 | # print i
7 | # i -= 1
8 | # end
9 |
10 | # j = 3
11 | # until j == 0 do
12 | # print j
13 | # j -= 1
14 | # end
15 | # In the example above, we wrote the same loop using while and using until.
16 |
17 | # Instructions
18 | # Now rewrite your while loop using until.
19 |
20 | # You still want to print out the numbers 1 through 50, inclusive.
21 |
22 | i = 1
23 | until i > 50 do
24 | print i
25 | i += 1
26 | end
--------------------------------------------------------------------------------
/Web-Development/React/React-I/2-React-Components/2-Components-Advanced-JSX/2.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var ReactDOM = require('react-dom');
3 |
4 |
5 | var owl = {
6 | title: "Excellent Owl",
7 | src: "./owl.jpg"
8 | };
9 | // Component class starts here:
10 | var Owl = React.createClass({
11 | render: function() {
12 | return (
13 |
{owl.title}
14 |
15 |
);
16 | }
17 | }
18 | );
19 |
20 | ReactDOM.render(, document.getElementById('app'));
21 |
--------------------------------------------------------------------------------
/Web-Development/jQuery/Project-Bonsai/app.js:
--------------------------------------------------------------------------------
1 | var main = function() {
2 | $("#top-text").keyup(function() {
3 | var $topText = $("#top-text").val();
4 | $(".top-caption").text($topText);
5 | });
6 |
7 | $("#bottom-text").keyup(function() {
8 | var $bottomText = $("#bottom-text").val();
9 | $(".bottom-caption").text($bottomText);
10 | });
11 |
12 | $("#image-url").keyup(function() {
13 | var $imageURL = $("#image-url").val();
14 | $(".meme img").attr("src", $imageURL);
15 | });
16 | };
17 |
18 | $(document).ready(main);
19 |
--------------------------------------------------------------------------------
/Web-Development/HTML-CSS/CSS - Classes & IDs/Sorting Friends/7.css:
--------------------------------------------------------------------------------
1 | /*Add your CSS below!*/
2 |
3 | div {
4 | display: inline-block;
5 | margin-left: 5px;
6 | width:100px;
7 | height:100px;
8 | border-radius:100%;
9 | border:2px solid black;
10 | }
11 |
12 | .friend{
13 | border:2px dashed #008000;
14 | }
15 |
16 | .family{
17 | border:2px dashed #0000ff;
18 | }
19 |
20 | .enemy{
21 | border:2px dashed #ff0000;
22 | }
23 |
24 | #best_friend{
25 | border:4px solid #00c957;
26 | }
27 |
28 | #archnemesis{
29 | border:4px solid #cc0000;
30 | }
--------------------------------------------------------------------------------
/Web-Development/HTML-CSS/Introduction-to-CSS/Design_Website_Button/4.css:
--------------------------------------------------------------------------------
1 | img {
2 | display: block;
3 | height: 100px;
4 | width: 300px;
5 | margin: auto;
6 | }
7 |
8 | p {
9 | text-align: center;
10 | font-family: Garamond, serif;
11 | font-size: 18px;
12 | }
13 |
14 | /*Start adding your CSS below!*/
15 | div {
16 | height:50px;
17 | width:120px;
18 | border-color:#6495ED;
19 | background-color:#BCD2EE;
20 | border-style:solid;
21 | border-width:2px;
22 | border-radius:5px;
23 | margin:auto;
24 | text-align:center;
25 | }
26 |
--------------------------------------------------------------------------------
/Web-Development/React/React-I/2-React-Components/3-Authorization-Form-Project/7-compiled.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by manishgiri on 9/17/16.
3 | */
4 | /*
5 | Great! By saving two JSX expressions as variables, you've set yourself up nicely to toggle between them.
6 |
7 | In the render function's return statement, make a new line right below the . On this new line, use a ternary operator. If this.state.authorized is true, make the ternary return contactInfo. Otherwise, make the ternary return login.*/
8 | "use strict";
9 |
10 | //# sourceMappingURL=7-compiled.js.map
--------------------------------------------------------------------------------
/Web-Development/React/React-I/3-Components-Interacting/2-This.Props/9-Talker.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var ReactDOM = require('react-dom');
3 | var Button = require('./Button');
4 |
5 | var Talker = React.createClass({
6 | talk: function () {
7 | for (var speech = '', i = 0; i < 10000; i++) {
8 | speech += 'blah ';
9 | }
10 | alert(speech);
11 | },
12 |
13 | render: function () {
14 | return
15 |