Welcome!

Open Source Cloud Authors: Elizabeth White, Pat Romanski, Yeshim Deniz, Liz McMillan, Zakia Bouachraoui

Blog Feed Post

Web Developers’ Ultimate Toolkit

The web-developer today is increasingly faced with so many open source tools to choose from in producing a final piece of software that it can almost seem daunting. What we aim to do here is to simplify the process by describing 5 key (and free!) open-source sites that every developer should include in their toolkit. Think of these 5 resources as part and parcel of the basic development cycle for designing and implementing a new website or application. The bottom line is that for every project you should plan to:

  • wireframe it
  • develop it
  • track it
  • debug it
  • upload it

Let’s describe these elements in further detail . . .

1. Wireframing or prototyping a project

A wireframe is a screen blueprint or schematic of a website that provides a layout of the planned website or app so that the developer can construct the site most effectively and efficiently. Fortunately, there are plenty of online resources for developing wireframes. One important program to consider is MockFlow.

MockFlow provides an entire wireframing suite of online/offline collaboration tools that provides the creative developer with a first-rate set of tools to build prototypes in no time. You can organize your mockup with actual sitemaps and define links in the wireframe in order to present your co-designers and clients with a clickable prototype.

2. Developing & testing the code

The LAMP acronym is ubiquitous and closely associated with the most important open-source tools for supporting a development environment, namely Linux, Apache, MySQL and one of PHP, Perl or Python.  For those who prefer to stick with development in a Windows environment, WampServer provides a great alternative. WampServer is quite simply a Windows web development environment. It gives you all the power of a LAMP environment by allowing you to create web applications with Apache2, PHP and a MySQL database. The download and setup of WampServer is quick and straightforward, and one can easily be writing code within 10 minutes. PhpMyAdmin is also included in the stack and allows you to easily manage your databases.

 

3. Tracking your code

Working on a team development project requires the ability to efficiently upload, share, and track the latest revisions of your code. This process is taken care of seamlessly through GitHub, the world’s most popular open source code repository site.

GitHub offers a web-based hosting service for software development projects that uses the Git revision control system. The site offers both paid plans for private repositories and free accounts for open source projects.

In a nutshell, the GitHub site combines the ability to upload the latest versions of code for access to members of a project team, along with displaying employ feeds, followers, and the network graph to showcase how developers work on their versions of a code repository.

4. Debugging your site

Once a website has been developed, the next step involves a process of testing and debugging the traffic to your site. One of the most popular resources for this is Fiddler, an HTTP debugging proxy server application that logs all HTTP(S) traffic between your computer and the Internet. This package can be used for…

  • Debugging and profiling traffic from any application.
  • Troubleshooting and tracing a network.
  • Performance testing Web applications.
  • Logging all HTTP(S) traffic between a computer and the Internet.

 

5. Upload your code

Finally, after many long hours of prototyping, developing, debugging, and retesting, your project code has reached the milestone where it’s ready to be uploaded to your production site. One of the most accessible and easiest tools to use for this process is the free and open source FTP software package called FileZilla. The download process is quick and setting up a new account in the Site Manager is painless as long as one has the webhost login credentials available.

Once you’re logged into the FTP client, simply go to the code repository on your local computer and upload these files and directories to the public_html folder on your website.

Your project is now viewable and accessible to the rest of the world!

 

As we’ve reviewed, whenever you wish to build and scale a software project there are 5 key steps that are central to the process; they are:

  • wireframing
  • development
  • version tracking & sharing
  • debugging
  • uploading

MockFlow, WampServer, GitHub, Fiddler, and FileZilla are 5 key (and free!) open-source sites that web developers should have in their toolkit in order to plan, develop, test, debug, and deploy software applications in the most effective and efficient manner possible.

 

 

Share Now:del.icio.usDiggFacebookLinkedInBlinkListDZoneGoogle BookmarksRedditStumbleUponTwitterRSS

Read the original blog entry...

More Stories By Hovhannes Avoyan

Hovhannes Avoyan is the CEO of PicsArt, Inc.,

IoT & Smart Cities Stories
In his general session at 19th Cloud Expo, Manish Dixit, VP of Product and Engineering at Dice, discussed how Dice leverages data insights and tools to help both tech professionals and recruiters better understand how skills relate to each other and which skills are in high demand using interactive visualizations and salary indicator tools to maximize earning potential. Manish Dixit is VP of Product and Engineering at Dice. As the leader of the Product, Engineering and Data Sciences team at D...
SYS-CON Events announced today that CrowdReviews.com has been named “Media Sponsor” of SYS-CON's 22nd International Cloud Expo, which will take place on June 5–7, 2018, at the Javits Center in New York City, NY. CrowdReviews.com is a transparent online platform for determining which products and services are the best based on the opinion of the crowd. The crowd consists of Internet users that have experienced products and services first-hand and have an interest in letting other potential buye...
Founded in 2000, Chetu Inc. is a global provider of customized software development solutions and IT staff augmentation services for software technology providers. By providing clients with unparalleled niche technology expertise and industry experience, Chetu has become the premiere long-term, back-end software development partner for start-ups, SMBs, and Fortune 500 companies. Chetu is headquartered in Plantation, Florida, with thirteen offices throughout the U.S. and abroad.
The standardization of container runtimes and images has sparked the creation of an almost overwhelming number of new open source projects that build on and otherwise work with these specifications. Of course, there's Kubernetes, which orchestrates and manages collections of containers. It was one of the first and best-known examples of projects that make containers truly useful for production use. However, more recently, the container ecosystem has truly exploded. A service mesh like Istio addr...
SYS-CON Events announced today that DatacenterDynamics has been named “Media Sponsor” of SYS-CON's 18th International Cloud Expo, which will take place on June 7–9, 2016, at the Javits Center in New York City, NY. DatacenterDynamics is a brand of DCD Group, a global B2B media and publishing company that develops products to help senior professionals in the world's most ICT dependent organizations make risk-based infrastructure and capacity decisions.
Nicolas Fierro is CEO of MIMIR Blockchain Solutions. He is a programmer, technologist, and operations dev who has worked with Ethereum and blockchain since 2014. His knowledge in blockchain dates to when he performed dev ops services to the Ethereum Foundation as one the privileged few developers to work with the original core team in Switzerland.
Cloud-enabled transformation has evolved from cost saving measure to business innovation strategy -- one that combines the cloud with cognitive capabilities to drive market disruption. Learn how you can achieve the insight and agility you need to gain a competitive advantage. Industry-acclaimed CTO and cloud expert, Shankar Kalyana presents. Only the most exceptional IBMers are appointed with the rare distinction of IBM Fellow, the highest technical honor in the company. Shankar has also receive...
Headquartered in Plainsboro, NJ, Synametrics Technologies has provided IT professionals and computer systems developers since 1997. Based on the success of their initial product offerings (WinSQL and DeltaCopy), the company continues to create and hone innovative products that help its customers get more from their computer applications, databases and infrastructure. To date, over one million users around the world have chosen Synametrics solutions to help power their accelerated business or per...
DXWorldEXPO LLC announced today that ICOHOLDER named "Media Sponsor" of Miami Blockchain Event by FinTechEXPO. ICOHOLDER gives detailed information and help the community to invest in the trusty projects. Miami Blockchain Event by FinTechEXPO has opened its Call for Papers. The two-day event will present 20 top Blockchain experts. All speaking inquiries which covers the following information can be submitted by email to [email protected] Miami Blockchain Event by FinTechEXPOalso offers sp...
Digital Transformation is much more than a buzzword. The radical shift to digital mechanisms for almost every process is evident across all industries and verticals. This is often especially true in financial services, where the legacy environment is many times unable to keep up with the rapidly shifting demands of the consumer. The constant pressure to provide complete, omnichannel delivery of customer-facing solutions to meet both regulatory and customer demands is putting enormous pressure on...