Single Page App with Bootstrap and AngularJS [closed] - javascript

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.

Related

How can one develop a mobile app using Django at the back-end and React native with Vue js at the front-end? [closed]

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 1 year ago.
Improve this question
I'm new to mobile app development and we want to develop a mobile app using Django. I and a friend of mine thought of using Django at the backend, PostgresSQL as the database, and React native and vue js at the front-end.
What do you guys think about it? Any tips for extreme beginners?
Just tell me in any way you think we can do this or a source that can help us.
For more details about the mobile app:
Briefly, the app is a budget management system. It will be about creating a budget, its expenses, calculating the budget amount, and notifying the user when the deadline for the budget is closer.
I don't really think if you can actually directly way do that. Django is a server side web framework. But you can user some third party to make the mobile application. like one I personally know is Go Native.
You can create a website as usual and need to host that website and now you are hosting that website. Go to Go Native and it will ask for the URL of your website, some other things as well. Give URL and It will provide .apk(Mobile application).
You may find may many things to making website to apk this I gave is just an example. Or if you know Java then you can create on your own. Here's the helping link for you.
In order to provide accurate references or more details, a more in-depth description should be added as to what type of app you want to create, the objective, use case, demographic etc.
However, with such a broad question of "how to develop an app on django", heading over to google, youtube, and medium to start digging in will help you narrow down your concept. There's plenty of tutorials and examples available, and with more 'key words' such as "developing a social media app on django', search results will be improved.
Lastly, when that first research stage is complete, then it's easier to come back to stackoverflow with a more specific question, details about what you've already tried, and specific problems you need to solve.

How do I get started with Mobile Responsive Website Development [closed]

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.

Website Graphics Smooth Transitions [closed]

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 8 years ago.
Improve this question
So I'm fairly new to PHP, but I have a project I'm working on and I've got a doubt about a specific aspect of web development.
My website has a major requirement, it needs to be very user friendly, and it has a lot of information that will be displayed in graphs (pie charts, column/line graphs).
My question is regarding aesthetics: is it possible to implement a smooth transition like the one microsoft office 2013 uses regarding its graphs?
If you have used ms office 2013, one thing that I noticed was its flow, and I would like to implement that feature in my website when changing values in one graph. Of course I'd much rather have functionality over looks, but if I can have both, it would be great.
This is my fisrt question here and I have searched this subject, but I haven't got any useful tip. Anyhow, if you give me some pointers on this subject (basically if it really is doable or not), I'd really appreciate it.
Cheers.
PHP is a server-side language. In order to change anything DOM related after the page loads, you need to use JavaScript.
jQuery Transit looks okay for what you need. You could also look at RaphaelJS, and D3 is great for graphs. Visibile.io is a charting DSL for D3 that would make it way easier to make charts.

Designing a web application with JavaScript [closed]

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.

Ideas for band site, which technology to use? [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 12 years ago.
Improve this question
I am attempting to design and build a website for my friends band. There is minimal content to be included such as bio,news,enbemdded Audio/Visual material. My web dev expertise is average.
I'm basicaly looking for inspiration, I was edging towards embedding a silverlight deepzoom xap object to add some visual stimulation, perhaps by featuring a high res photo of the bandshardware/equipment which zooms when mouseover occurs. Does anyone have any cool ideas for a central feature for this site, and which way to approact it in terms of technique (js,css,silverlight etc)
If anyone has any immediate ideas which they think would be cool then I am eager to hear them!
Also if anyone can link me to any cool band sites they have come across recently I would be greatful,nothing too complicated though please I will be doing all the work myself. Im want the site to be simple but have a certain wow factor!
I would just use wordpress. It is customisable with minimal effort.
I would exclude silverlight because it slows down the website and the user need the plugin to be installed.
For a simple stack of technologies, what you have tagged is allright!
You should (as mentioned by #Navi) download some wordpress/joomla band templates and try to understand how they're build, and then try to build your own webpages
Also for example you could try to understand some cool TABLELESS website structure (http://www.tommyemmanuel.com/..I like both the musician and the website :D ), and first of all you should try to obtain the same structure. Second of all you should apply some nice css and some jQuery/mootools/etc dom effects.
Look into Drupal. It has built in support for blogs, forums and a lot of other cool features.It is easily extendable for anything you need. For example, Michael Jackson's official website is built with Drupal.
Using a CMS or similar is great if the band want an easy way to put in their own content after you are done with the site. A search for 'lightweight cms' might get you a step further. :)
You can look up similar bands at myspace and check out their webpages for nice features.

Categories

Resources