found where this post came from:
http://tutorialzine.com/2011/05/tweet-to-download-jquery/
looks like it doesn't even work properly as you can close the window & access the download.
8/10 startpage but I'm a freefag and disagree on your choice of OS and Browser.
Other than that is looks good.
Since your using Google I would check out the AJAX in-page search. Very nice transition and such. I'll try to find a link
Edit : (heres a link to the search I was talking about](http://tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery/) I'm sure you could just change the code a bit to your linking
You should be using Sublime Text 3. If you aren't, upgrade it.
Check this out to get started on packages, though. You need to get Package Control first. http://tutorialzine.com/2016/10/15-awesome-sublime-text-plugins-for-web-development/
Extremely popular and growing. Web programming is in demand and Node is currently the hottest shit for backend. http://tutorialzine.com/2014/12/the-languages-and-frameworks-that-you-should-learn-in-2015/
Rails previously was the new hotness. Node's day in the sun will surely end but knowing it well will get you a job.
The developers focusing on one of the core premises of the application isn't a bad thing. If it doesn't work for your use case, then it doesn't work for your use case.
But like I said, the fact that a computer knows how to divide something easily does not mean that it's an easy feature to implement. You may not have to completely remake the UI, but I challenge you to open up Photoshop or whatever and make a few mockups of how it should all look and flow and then make sure it all resizes fairly well. Good step by step plans for how it would work, too. At that point your "it'd be easy" may be well founded.
Here's a good place to start developing your own version more suited to your needs, if you'd like.
I recommend jquery, but you probably don't need it.
If you're just worried about size, then check out some alternatives
Ok I'll just tell you it's against the terms of service of credit card companies to store CC info. The options you have are to use Paypal, Stripe or go through the process of establishing a merchant account and getting a payment gateway. It's a liability you nor your company wants to assume.
My advice would be to use an existing solution. That could be wordpress with an event plugin w/paypal or stripe support or other ecommerce platform with similiar support.
Since I got that out of the way, if you want or have to write it yourself, this tutorial covers the basics and you can add the additional fields.
http://tutorialzine.com/2013/08/simple-registration-system-php-mysql/
For the payment part, there should be two additional fields payment_status and payment_token . Payment status should be numeric with possible options like
1 - paid
2 - will-pay
3 - pending
3 is just in case there's a delay from whatever processor you use. The payment_token field would be where you store the return from the processor so you can match the member to the transaction to verify manually if necessary.
When it's time for the event, write an SQL query to show all attendees and their status.
It looks like you just took the Intima theme for the home page and copied this example for a node.js chat.
Where is the encryption done and what type of encryption is used? I don't see an SSL certificate either.
EDIT: It actually looks like you just downloaded the source code directly from the tutorial link. The comments are still in tact and everything. All you did is change a couple words in the text.
I personally don't like all copy bold and italic but you don't have much so it really isn't an issue. Check out http://www.google.com/webfonts. This is a cool service that will allow you to use more fonts via CSS.
I use the Nivo Slider a good bit myself. When you hover over the slider you get these faint arrows. Try moving them outside the slider and have them be more noticeable and persistent perhaps.
As for personality to the site itself, I'd stay away from doing too much. This is about your work and you don't want to distract from it. You might want to consider a wider site - the norm these days is 960. Google the 960 grid system.
If you do add more about you then a bio/about page would be good. Maybe two large buttons below the presentation. One is to contact you and one is to learn more about you. Then you create 2 more pages - one for each bit of content. OR you can do the one page website thing and have jumps. That is all the rage these days. See: http://tutorialzine.com/2010/02/html5-css3-website-template/
Just to throw some stuff out there:
One thing to know is that there are frameworks that can sort of do this for you and hide the complexity. I am not an expert, but for example with meteor (https://www.meteor.com/) you can build pages where it kind of doesnt matter if its rendered on the server or the client because it will do the right thing in either case.
You may want to support rendering the same thing server side (so web crawlers can crawl it) as you can produce totally client side (so its fast).
Your idea of using ajax to get a template will work, but what if the user is looking through a series of pages where the data thats different could be just a couple of urls and some text, whereas sending the entire markup might be 10x as large as just the data.
Its a more common strategy to build an SPA (single page app) that gets booted up by sending a bunch of stuff, but then once loaded in the user's browser it only makes requests for more data, not full pages.
Maybe do some googling and look through some tutorials also. Here is the first result on google that looks decently appropriate to get you going without any frameworks (hopefully that maybe means you end up understanding more of the details): http://tutorialzine.com/2015/02/single-page-app-without-a-framework/
Think of it this way, with the way the javascript was written it was included on the page before the HTML. It tries to run the code and fails to find the HTML referenced. It fails because the HTML hasn't loaded.
So with plain javascript, load it after the HTML. If you had moved your init.js script tag to the bottom of the file it would have worked.
There's methods around it like the #1 tip from this article :
http://tutorialzine.com/2014/06/10-tips-for-writing-javascript-without-jquery/
Basically you wrap your javascript code in that function and it defers execution until after the page loads.
Thank you, I edited and used some of the code from this: http://tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery/
It allows you to use Google search inside the page. Although there are some limitations, it works well. Best thing is that it can be extended to other websites. You need 2 parameters for the search, website and type. The results are raw and thus I can placed and style it as I wish. I added FancyBox to so that videos and images can be viewed in the same page.
I'm working on a adding a SoundCloud widget to to play music next :]
I used these three tutorials, mostly the first one with bits and pieces from the other two:
http://daveismyname.com/creating-a-blog-from-scratch-with-php-bp#.U9sFjPldV8F
Might be best to get a grip on JavaScript before starting on Node.js.
I have never really understood web developers obsession with the book form of learning though, just look up some tutorials and start experimenting.
Since you want to build real time apps here are two tutorials/demos for building chat applications with node:
http://code.tutsplus.com/tutorials/real-time-chat-with-nodejs-socketio-and-expressjs--net-31708
Assuming the product was free, then I see no issue with this. It is neither abusive nor "evil design". It is a creative barter agreement. They give you the content for free in exchange for you providing a little publicity. If you don't wish to participate then look elsewhere for the product. It doesn't appear that they ask you to support it or evangelize the product, just state that you downloaded it.
This company is not REQUIRED to give you the product for free. They can offer you any form of exchange for the download they like. You are free to accept the terms or move on.
Angry Birds does this to unlock levels. Is that abusive? Or a creative way to get marketing and engage the friends of a user?
We need to start thinking of new ways to engage, market and monetize websites and their products. It's all well and good to demand that everything be free and catered to your whims, but your clients need to make money off of their products. Either you be the creative person thinking up of new ways to market or someone else will take your job.
EDIT: This wasn't even an example from something in the wild. It's from a demo http://tutorialzine.com/2011/05/tweet-to-download-jquery/
There are now a ton of these kinds of "best HTML5 games" articles knocking around. For example, http://tutorialzine.com/2015/02/30-amazing-games-made-only-with-html5/.
Plenty of inspiration there, and it's quite interesting to see what people can do with WebGL these days. I don't know how many of these are actually developed with Unity (for example) but I hear rumours that Unity targeting HTML5/JS isn't a great experience so I'd be surprised if you could get something as polished as that Wipeout style game at the top of the list with it. (Maybe some Unity devs can chime in on this - I don't use it.)
Getting hired isn't the only way to get experience. Here's some general advice: 1. Learn how to code if you don't already know how to. Don't be afraid to get down to bare metal as vulnerabilities can be at any level of the "execution stack" or protection ring. 2. Subscribe to all sorts of cybersecurity news lists to stay up to date with the latest news as it's a fast moving field. 3. Learn to cloud. Virtualization is a big thing in cybsec and having experience with things like VirtualBox, AWS, Openstack, etc. is a big plus. 4. Speaking of VMs boot up a Linux image and start playing around, get yourself comfortable with the command line and common tools like git. Knowing something like this is extremely useful. Link 2. 5. Get familiar with common cryptosystems such as RSA, SSL, Kerberos, PKI, etc and how they work. Be comfortable with discussing the pros and cons for each. 6. You said you want to stay relevant in 20 years, learn about the blockchain and machine learning.
There are excellent git resources on the interweebs. This is probably something that we should have in our FAQ if we don't already.
Try this and see if it makes sense to you.
Git is a tool (or collection of tools) that let you manage and track changes to files (usually source code, but it can be other things as well). You can look at older versions of your code, develop features independently of the main code, merge them back in, and much more. This is vital when working with multiple developers, but it's also very, very useful when it's just you. Most of us have had the case of taking working code, making some changes, and then discovering that the changes don't work or are a bad idea. "No problem", we think, "I'll just put the code back the way it was. I don't have source code control, but how hard can it be?". Two hours later you have the code back the way you thought it was, but the damn thing doesn't work any more. Source code control eliminates this problem.
Or perhaps you are picking up an old project and can't quite remember where you were in the development. Git (and other source code control systems) give you a revision history. Assuming you wrote good comments when you submitted code, you should be able to figure out your own thought processes from days/weeks/months ago. This is incredibly useful.
Those are just a couple of the reasons why you want source code control. Why git? Well, it's really popular and works well. How do you use it? Read the link above and then start messing with it.
I looked into handlebars, it looks very much like what I would want. I made this fiddle using the first example on tutorialzine.com.
Now that it's kinda-working, how would I pass the output of my form's various fields to the text within "var context ={}" ?
You mean like have a single page, click a button, show new content but not leave the page? Use .show() .hide() and or .toggle() OR AJAX to call in the content. Your description is kind of unclear but heres an example of using AJAX to call in content, new pages, without leaving the current page.
http://tutorialzine.com/2009/09/simple-ajax-website-jquery/
http://demo.tutorialzine.com/2009/09/simple-ajax-website-jquery/demo.html
Theres plenty of show/hide examples on Google.
Really need an example to know for sure what youre talking about.
As far as a nav bar, one of many links http://cssmenumaker.com/blog/8-clean-jquery-menu-examples. You could modify any of these to use AJAX to call in other html without leaving the page if that is in fact what youre asking.
You should go with a jquery-plugin and it is tons of them out there.
Her is a few options http://keith-wood.name/countdown.html
Or if you want to see how to do it step by step
http://tutorialzine.com/2011/12/countdown-jquery/
Otherwise just google jquery countdown and chose your design
Backend: Ultimately acts as an API with some security measures in place (authentication, CSRF, etc); has a shit ton of JSON data that it spits out for the front end
Frontend: accepts JSON data via the backend; can push data back to backend via two-way data binding; provides a lot of events that make it easier to create AJAX-related requests
That's the general idea. When you start using different frameworks, you get into the arguments (Backbone vs Ember vs Angular vs React). What makes it so popular is modularity. Now you can use your backend as a mobile app and just have an iOS wrapper access it, or you can open up your backend as an API for the public. It's very intuitive.
As a side note, Rails, Django, should actually not be used. Microframeworks like Flask and Grape work better unless you're building a monolithic application that needs a lot of extra features.
Here's an easy understanding tutorial with just jQuery that should give you better insight: http://tutorialzine.com/2015/02/single-page-app-without-a-framework/
Yeah, I remember that "holy crap, can't get started" feeling with React coming from opinionated Ember. Can see what you mean.
These would be my top 3 for a beginner, what do you think?:
Here is another alternative! Since this is alittle dated
I found some awesome sites that talk about sites that are "awesome" that you can be inspired or use its tools to build one for yourself
Enjoy!
45 Web Builders to Create an Insanely Awesome Free Website
50 Awesome Tools and Resources for Web Developers
18 Conversion Optimization Tools To Gain More Clients With Your Website
Sign up pages are too complex because I don't really want to inconvenience my good customers just because they thieves with adblock want something for free.
Here's the thing: the following site produced some javascript that would allow a website owner to block users who had adblock with a polite pop up that told them to go elsewhere.
http://tutorialzine.com/2011/12/how-to-block-adblock/
The adblockers then added code to circumvent the javascript that was blocking them from viewing the page.
Think about that for a minute: the customer says, "I don't want ads, and if you don't want me, just put a 'GTFO if you won't follow my rules' sign on your website and I'll go away".
The website owner does just that - and the customer then gets an ad-blocker that breaks the javascript - because contrary to what the customer said before, they do want to see your content and use your bandwidth even if you've told them to go away - i.e. their "noble" principles amount to the fact that these are a bunch of entitled thieves who don't respect webmasters and don't want to pay and don't want to view ads either.
I have been following Codrops for years, they are great. Discovered Scotch.io a few months ago and although they are pretty slow with getting articles out, they are good quality.
I also highly recommend Tutorialzine