Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
As I'm a new web developer with initial knowledge of HTML, CSS and Javascript; how do I get started to design a responsive website both for desktop and mobile?
Please suggest me documents/tutorials/guides etc. or frameworks which are helpful for development of mobile responsive websites.
You can use Bootstrap
Bootstrap is the most popular and powerful front-end (HTML, CSS, and JS) framework for faster and easier responsive web development.
Website: getbootstrap.com
Reference: w3schools.com
Reference: tutorialrepublic.com
Reference: sitepoint.com
If you're looking for a php framework, then I suggest you to go for laravel documentation. It has built in bootstrap classes for a responsive web design.
It is OOP framework which has a artisan command line that helps you create migrations to your database and there is eloquent ORM, so you can use any database which also prevents sql injections. Also it is based on the symphony. It has predefined authentication and you can define your urls within the routes with authentication. Composer, standard autoloading, namespacing, dependency injection allow us to mix and match packages with no hassle. Laravel can make good use of powerful and tested third party libraries without having to reinvent the wheel and rewriting something which already exists. There are many services provided.
Last but not the least, the documentation has almost everything but still if you find difficulty then there are these awesome tutorials at laracasts. laracasts- Its kinda like Netflix for developers.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Can we make a web based messenger application through the use of just these two languages javascript and jquery?
You will at least need to learn some basics of HTML as well.
(Hopefully) you also want to style your application, which means you should learn at least some CSS.
As far as programming languages go you will however need to know JavaScript and can use jQuery (among other things) to manipulate DOM.
Many modern applications however user React or Angular heavily to make the application building process easier in the long run.
You will also need to store your data somewhere, which means either server-side code and learning how to use a database such as mySQL, MongoDB or CouchDB to name a few (noSQL such as MongoDB or CouchDB are probably more appropriate for a messaging app). Or make it easier on yourself and use Firebase or something similar to store and retrieve data as well as handle user account and authentication.
I know all this may seem overwhelming, but making web apps involves a lot of moving parts.
SUMMARY
If you are starting out, I would recommend simpler challenges than a web app, but if that is what you are set on, the easiest in my opinion would be:
HTML + CSS + JQUERY (this is how your app UI is handled)
JAVASCRIPT (connects UI and data)
FIREBASE (stores data and enables user management and authentification)
Resources to help you get started:
https://www.codecademy.com
https://firebase.google.com
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I have a question about the design of a web application with JavaScript: Should a web application be designed to work without JavaScript, and then later add JavaScript for users that have it? Or should I design a web application with JavaScript in mind and then add fallback functionality for user that do not have JavaScript.
I hope this question makes sense. Let me know if you need me to clarify something.
Thanks.
The terms, that describe what you are looking for are "Progressive Enhancement" and "Graceful Degradation".
Here is good article describing what you already have in your question in more detail:
A List Apart: Understanding Progressive Enhancement
An article that could help you on your decision:
Dev.Opera: Graceful degradation versus progressive enhancement (The named reasons are still valid, despite the fact that the article is marked as outdated)
I favor progressive enhancement in most cases, since it is more accessible when it comes to different output devices, software and the capabilities of the user using that website.
Answers like "there are so few people with JavaScript disabled" are just one side of the medal. Not relying on JS also could improve your site experience to non-graphical clients like search engine robots (how should they load AJAX content, when that is only accessible via JS?) or screen reader software. In fact there are many more good reasons not to rely on on JS.
At this time of age there are so few people with javascript disabled, that there is no signifcant benefit for creating a static version. Try to imagine who is your visitor and if he/she would even know how to disable it.
I suggest you to design a web application with JavaScript in mind and then add fallback functionality for user that do not have JavaScript.
Now a days everything runs on JS only. You should create some kind of services/API on server side and a separate project for UI, this is the trend being followed these days.
UI project can be based on any JS framework or it can even be a simple MVC/.net project. This approach can decouple stuff, and thereafter you can create 2 UI projects one for JS users and one for the users who do not have JS.
seems a bit of a work but, it will pay in the long run.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
We want to create a single page application with php as backend language. Which javascript framework would be a suitable one to develop this?
This question is too subjective and probably going to get flagged. Based on my recent experience trying to convert a yii app to angular frontend, this is my two cents..
Yii is great framework but as soon as you start adding intermediate to advanced Javascript and ajax functionality things start breaking down in unexpected ways, especially with IE and other older browsers, it becomes more even complicated if you are using lot of Yii extensions for popular jquery/js plugins. This is perhaps because Yii's internal JS functions are not really configurable especially with widgets both Yii's and third party.
A single page app using AngularJS/Yii does not really require Yii. If you are using angularJS then almost all data is passed via JSON. Essentially Yii becomes an API engine. Yii is bit heavy for an API only scenario. There are much simpler frameworks which are built specifically for APIs .
Having said that you should perhaps consider using this combination if you are comfortable with Yii do not really want to learn a new backend framework, or have an existing project in Yii which you want to convert to AngularJS.
There is project template for using along with BackboneJS for single page applications you can check it out here https://github.com/clevertech/YiiBackboneBoilerplate
It will give you some idea on how to integrate a Javascript framework with Yii
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I am new to javascript (although I've developed a small nodejs API server before, but it is nothing interactive, animating, or fancy at all)
I'd like to develop a static, single page website that works on modern browser and mobiles. The intended design looks a lot like
http://global.tommy.com/int/en/Collections/runway/spring-women
which is quite common with
Static Title Bar that follows wherever user scroll
< li > on the left acting like quick jump control + navigation/position indicator
carousel
I'm totally at blank on how to achieve such impressive look and feel and animation and responsiveness. So far, I tried out several libraries such as Twitter's BootStrap, Google's AngularJS, and AmberJS but none is as impressive as my intended outcome. The closest I get into is the sample from http://www.portalapp.com/ but that's my best trial.
Would any of you recommend any good resources (technology/libraries, or getting started guide and tutorial) to get off the ground fast?
Thank you very much!
EDIT:
Do anyone has open source projects or sample on GitHub that uses any javascript/css libraries to achieve cross device, responsive, single page web app?
Please provide the breakdown of the libraries used as well., since javascript libraries are numerous
EmberJS has a nice guide from the official website. Their API documentation is also helpful. Moreover, you can take a look at the source which is heavily documented.
If you need help, there are community forums.
If you are into screencasts, here is one free and one paid.
A word of caution using resources from Internet: EmberJS is in a "stabilizing" phase as they work towards version 1.0. So, if you read an old resource, it might not work using the current version of EmberJS.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I would appreciate documentation and/or tutorial links to help me with the following.
I maintain a traditional web application, implemented in html, javascript, and Perl. The web site uses a third-party open source library that implements buttons. If you wave the mouse over the buttons, they indent and put up a tool tip. The site looks very professional.
I've implemented a very simplistic Django application. It does the job, but uses hyperlinks. I'd like to dress up my Django application, and make it look more professional `a la the traditional web site.
I tried this before with some simple javascript, checking fields to see if they contained a valid answer, and this did not work. As it was explained to me, it had to do with the server side processing.
Given there is no javascript already, I have no problem using a different library (JQuery) than my traditional web site.
I have no problem if someone thinks implement in html, javascript, and php, because I've got one of those applications, too. However, I'd like to continue with Django, if possible.
Javascript and Django are independent. I use Django with jQuery UI to get nice buttons but you could use any javascript library, including the one you are using in the original site.
Your existing site is either using hyperlinks, the same as Django, that are modified in the browser to be buttons (this is what jQuery UI can do as well). This is the simple case you just need to put your javascript in the templates.
If it is a complete ajax application you'll need to write Django web services to handle those.
Your best bet is to find a tutorial for the particular javascript library you are using because Django is pretty much javascript agnostic. For instance the jQuery getting started page is a good place to start.