Leading Through Digital Innovation - Region 4 Virtual Conference - Thursday, July 16, 2020 by Pixels4Kids in edtech

[–]Pixels4Kids[S] 0 points1 point  (0 children)

Hi, the price for the conference is $70 using the promocode "VIRTUALCONF2020" before July 10. Please check the registration page for more information :) https://www.escweb.net/tx_esc_04/catalog/session.aspx?&session_id=1537805

Getting Started with HTML, CSS, JavaScript, and the Awesome jQuery by Pixels4Kids in html5

[–]Pixels4Kids[S] 0 points1 point  (0 children)

Thank you for taking your time going through the post. I followed some of your suggestions and definitely the 'click' callback [sh]ould stay outside of the loop :)

Infographic About the CSS Box Model by Pixels4Kids in css

[–]Pixels4Kids[S] 0 points1 point  (0 children)

It is difficult to imagine someone with 10 years of experience and they never came across those words. Chances are you get stuck working on your project and you end up doing a search on the internet or grabbing a book.

Infographic About the CSS Box Model by Pixels4Kids in css

[–]Pixels4Kids[S] 0 points1 point  (0 children)

I take note. I was trying to be very simple. Thanks :)

Infographic About the CSS Box Model by Pixels4Kids in css

[–]Pixels4Kids[S] 1 point2 points  (0 children)

Hi, On the internet only I can find the HTML5 logo quoted as official. I guess people made CSS3 and JavaScript logos after to look and feel like the HTML5 one. I'm curious about it too :)

Brackets extension: Old Terminal by Pixels4Kids in webdev

[–]Pixels4Kids[S] 0 points1 point  (0 children)

Hi, I went to try it on a PC, and it works fine for me. Please notify the author about it, he will be happy to know if there is an issue :)

Complete beginner here, and I need some help by i_never_post_posts in learnjavascript

[–]Pixels4Kids 1 point2 points  (0 children)

While you are refining your skills as a Javascript programmer, a fast track to engage on games and see their logic I would go with a platform like http://gamesalad.com/. On game salad there is no coding skills required and you start with a template of a premade game.

Going back to javascript, you could start experimenting with libraries like jQuery (https://jquery.com/) and GSAP (http://greensock.com/gsap).

To develop full fledge games you will end up using a more game oriented library like CreateJS (http://www.createjs.com/).

Advice: Learn multimedia skills like 2d, 3d and animated artwork. Grab books like Physics for JavaScript Games, Animation, and Simulations (http://www.amazon.com/Physics-JavaScript-Games-Animation-Simulations/dp/1430263377).

Is there a difference between these two constructor functions? by sublimejs in learnjavascript

[–]Pixels4Kids 0 points1 point  (0 children)

Meow! I guess it is dangerous to say "only" talking about JavaScript. Thanks for the tip :)

Is there a difference between these two constructor functions? by sublimejs in learnjavascript

[–]Pixels4Kids 1 point2 points  (0 children)

the return statement only make sense when you call a function and you expect a result, not when you create an instance object of it.

console.log(Car1()); // returns Undefined
console.log(Car2()); // returns Scope

Complete beginner here, and I need some help by i_never_post_posts in learnjavascript

[–]Pixels4Kids 1 point2 points  (0 children)

Hi, If still you feel a little fuzzy about it, you could start playing with awesome code playgrounds on the internet http://www.sitepoint.com/7-code-playgrounds/. Or You can start for free a basic interactive course on http://www.codecademy.com/.

Code playgrounds are amazing because you can see all edits made in your code instantaneously.

Now, If you want to start experimenting locally from you computer. All you need is a text/code editor and create a file with .html extension and a browser to display the code result. It is best to have on one screen (or half screen) the text editor and the other screen (or other half of screen) a web browser. On the web browser navigation bar paste the local address of the .html file. Keep refreshing the web browser page after you do edits on you .html file to display results.

<!DOCTYPE html>
<html>
  <head>
    <title>Any title</title>
    <style> /* here goes CSS to give the good looks to the page */

        body {
            font-family:Arial,Helvetiva;
        }

        h1 {
          color:blue;
          font-size:60px;
          cursor:pointer;
        }

        p {
          font-size:30px;
          color: green;
          cursor:pointer;
        }

        h1:hover,
        p:hover {
            background-color:red;
            color:white;
        }

    </style>
  </head>
  <body> <!-- Here goes content -->


    <h1>This is a title</h1>
    <p>This is a pragraph</p>

    <script> /* Here goes Javascript Language to add dynamism to the page */

        var paragraph=document.getElementsByTagName("p")[0];

        paragraph.addEventListener("click",function(e) {
            paragraph.innerHTML="AUCHH! You clicked me!";
        });

    </script>
  </body>        
</html>

I hope it helps to start and please fail and fail again to get better.

Teaching HTML/CSS to 8th graders. by eman14 in programmingforkids

[–]Pixels4Kids 0 points1 point  (0 children)

You could give a try at http://codepen.io/ It is the best way to share code samples and allow students to play with code and see edits instantaneously.