All geek questions in one place

Return to site development

In the 90s, I used websites to create Cold Fusion. We also still used tables for most of our page layout, hehe.

Again, I began to seriously return to website development. I get a good handle on the basics of CSS and start adding Javascript. My guess is that I will eventually add PHP as a modern replacement for my CF skills.

Now I am using an old copy of Cold Fusion studio for my editor and, of course, Photoshop for my graphics. I also opened Firebug and found it very useful.

I was wondering if the community can give me some pointers when I start returning to this area. Do you have any software suggestions? New editor that I should use? Other debugging tools? Languages ​​you would recommend?

Any comments or ideas are welcome that will help the website developer who gets started. Thanx!

+4
source share
13 answers

You can consider Eclipse for your development environment. It is free, open source and fairly full-featured. In addition, you will want to implement a control source. I like Subversion , which goes well with Eclipse.

If you want to upgrade your image editor, and you don't want spring for a Photoshop licensing license, GIMP is much improved, open source and free.

You might want to explore various CMS and frameworks. It is possible that one or the other may satisfy your target market. And they can greatly accelerate development as soon as you recognize their quirks.

Also: jQuery . Don't waste your javascript coding time on cross-browser issues and common trails.

+5
source

I would look at Net Tuts + , Think about Vitamin A , and Smashing Magazine to get back to speed on what's fresh.

+3
source

You definitely want to look into the framework. You will be disappointed with PHP out of the box, if you come from ColdFusion, it is not so simple. It is assumed that you are going to use it for database applications, otherwise it really does not matter.

Of course, I must tell you to check out Ruby on Rails.

+3
source

I am a big fan of jQuery for an elegant client-side cross-site browser.

If you want to take a look at some “modern” server-side concepts, REST gets some translation, and cloud things like the Google App Engine can make a really effective development path (scalability is “free”).

But I still stick with the old-school syntax highlighting text editor. Or eclipse , which is sometimes not much better;)

+3
source

I agree to the search for a framework. Like a regular editor, I cannot live without notepad ++ - http://notepad-plus-plus.org/

This is a text editor, but he does so much. It has code highlighting for many languages ​​- it is an indispensable tool for me.

+2
source

For CSS, I would recommend reading CSS Mastery for a pleasant overview, including browser differences / errors.

In terms of software, I'm still using Dreamweaver for my old template-based sites, but I'm moving on to NetBeans for my new sites. Besides all the expected features, NetBeans has excellent integration with ftp, one of the reasons I started using Dreamweaver a few years ago.

+1
source

The Opera Web Standards curriculum is an excellent (re) launch for writing the right HTML and CSS and JS. Read it at your own pace (I mean pace, sorry for my English).

IE6 :
Just give up IE6 if you can (unless your customers specifically ask for their support). This will give you a lot of time to learn things better.
If you work for administrations or companies that work for them, this is not so; getting ready for severe headaches.
Position is everything - a great resource. Don't try to understand everything, but at least learn to recognize and recognize those IE6 errors. Double margin, 3-fold margin, content presented twice, disappearing content are very well-known and documented errors, but if you do not know here, they come from ... Conditional comments and hasLayout ( zoom: 1; in one instruction) were better explained elsewhere, I suppose, because PIE is actually an old site (albeit useful).

Page Layout : If you used tables, spacer.gif and a newbie to web standards like CSS 2.1, used the right way, you will have a hard time for cross-browsers to display correctly, even if you know that you need to warmly style entire blocks On the page.
Do not worry to reinvent the wheel, use resources such as HTML Gala . Take the required layout depending on the density of the liquid / fixed width, the number of columns and whether their width is set or not, whether there is a footer or not, then understand how / why they did it, but do not try to do it scratch : this is too complicated when you start using CSS.

Tools :

  • good text editor
  • Firefox and the big extensions

and you're done. Pretty :)
Chrome also has extensions, stay tuned for a few months. At the moment, almost everything that is required by the web designer / webdeveloper exists in Firefox, and some of them in other browsers.

  • Firebug that you have already indicated. Explore its tabs, your selection fields and breadcrumbs, where you can edit things live, etc. And I heard that you like extensions, so the extensions created for it for this extension (meme © Xzibit :)), check the extensions for Firebug . I use Pixelperfect and CSS Usage mostly, but others are also useful.
  • The web developer toolbar is another extension. Do not forget to try each option at least once, there is even a stone in the last menu, the first option that only some know.
  • QuickJava allows you to quickly enable and disable Java, Javascript, Flash, Silverlight and images from the Statusbar without opening any dialogs.
  • MeasureIt for measuring the width and height of an element or fields.
  • ColorZilla contains a set of colors (Shift-Esc)
  • Fireshot for snapshots and commenting on them, useful if you want to communicate with a client or designer, write documentation or your portfolio.

Other

  • Initial control (let it not hurt "I worked 3 days ago / I just deleted the wrong aaargh file")
  • two offline backups that will not be robbed / flooded / burned with the rest of your home / office. The second may be a Truecrypt USB key / HD provided to family or friends, as well as a password that is known only from your wife / husband and your parents or children, for example. You can keep the first one with you (encrypted is better if you are robbed).
  • CMS: you can check out Drupal, Joomla and Wordpress as a start. Magento for e-commerce. A lot of plugins for everyone, but their quality can change!
+1
source

I would look at Net Beans as an editor / IDE if you definitely want to go the PHP path.

I am a .NET developer, so maybe I'm biased, but I would look in the .NET framework and, in particular, on ASP.Net MVC (go to C # if you can in my opinion)

It all depends on what you want to do in the long run, and if you want to do it as a hobby or work as a full-time developer.

In the UK area, I find it a bit harder to find PHP jobs in large companies, many of them are Microsoft-related and rely on their technologies, such as .NET and MS SQL, etc.

Do you consider a more important role in design, css / xhtml coding or writing applications, web services, etc.

Please note that for clarification, I also use PHP for many projects outside of full employment, you can make a living using most technologies, so go with the ones you prefer.

Also check out Tizag to download useful, easy-to-use guides that can quickly speed up the basics.

Whatever your route, definitely check out the jQuery javascript library, it is very powerful, and many of the basic functions that it makes available are expected on websites these days by clients I have found lately.

0
source

I haven't looked at it yet, but the new PhpStorm IDE seems to be getting a lot of praise for now

0
source

Next to nettuts + answer.

If you're on a Mac, I can highly recommend the coda panic http://www.panic.com/coda . This makes writing css a breeze, although I am writing a pen. However, if you are attached to cash, a free alternative to this is textmate http://macromates.com/

Firebug is a fantastic little tool, and there is also a web developer toolbar https://addons.mozilla.org/en-US/firefox/addon/60/ , which is also very useful! He built links to check your html and css with w3c.

Languages, specifically PHP imo. I started in ASP.NET, found it good, but I just feel more comfortable in PHP, my suggestion for you is to try everything and see what works best.

Also, when you feel comfortable, look at the kohanaphp structure (kohanaphp.com/), its fantastically simple structure, which, like someone else, expressed unobtrusive, you can use as much or less as you like.

Finally, my best advice is simply to spend every awake moment trying new things, for example, making an html page and styling it, creating a contact form similar to the one I found, just messing around, this is the best way to learn the language.

Hope this helps you get started :)

0
source

ColdFusion has been growing well since the 90s, check out the details of version 9 before you abandon it. Also, check out CFBuilder for a good IDE for ColdFusion.

ColdFusion 9

CFBuilder

0
source

Here are some useful links.

(I visit them daily to keep abreast of web design / development).

0
source

I think there are two things that celebrate modern web development:

  • Web development framework
  • JS libraries, mostly jQuery

Although most of the concepts behind web development today are not new (MVC framework, AJAX ...), re-discovering them has led to a shift in the way we do this and regained the trust of veteran developers because it’s effective and serious environment.

I definitely recommend you dive into Ruby on Rails . Explore the basic principles and concepts underlying the structure: reusable modules, elegant MVC structure, templates, RJS ...

(Alternatively, you can check cakephp , a cousin of PHP Rails that inherits most of the family attributes)

In the end, when you play with him enough time, go up to him and understand him well, you will come across other frameworks that you like more (for one reason or another). My experience of moving from Rails to Django (Python), then to Google AppEngine (Python or Java) was pleasant and useful (in personal satisfaction, that is).

This is for the inside.

Then you find yourself in the vast world of ninja-style-ultra-useful-and-still-fun jQuery (and its many plugins), where the joys of web development continue.

Enjoy the trip!

0
source

Source: https://habr.com/ru/post/1316161/

More articles:


All Articles